CN110189250A - 图片裁剪方法 - Google Patents
图片裁剪方法 Download PDFInfo
- Publication number
- CN110189250A CN110189250A CN201910453494.1A CN201910453494A CN110189250A CN 110189250 A CN110189250 A CN 110189250A CN 201910453494 A CN201910453494 A CN 201910453494A CN 110189250 A CN110189250 A CN 110189250A
- Authority
- CN
- China
- Prior art keywords
- picture
- crop box
- original image
- cutting
- cropping tool
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000005520 cutting process Methods 0.000 title claims abstract description 124
- 238000000034 method Methods 0.000 title claims abstract description 28
- 238000012545 processing Methods 0.000 claims abstract description 5
- 238000010422 painting Methods 0.000 claims description 23
- 238000009877 rendering Methods 0.000 claims description 4
- 230000000694 effects Effects 0.000 claims description 3
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 241000406668 Loxodonta cyclotis Species 0.000 description 2
- 238000009966 trimming Methods 0.000 description 2
- 241000208340 Araliaceae Species 0.000 description 1
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 1
- 235000003140 Panax quinquefolius Nutrition 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 235000008434 ginseng Nutrition 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/04—Context-preserving transformations, e.g. by using an importance map
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及图片处理技术,解决了现有图片裁剪方法容易发生过度裁剪,并且操作麻烦、裁剪效率低的问题。技术方案概括为:图片裁剪方法,画板根据图片对象的属性显示相应图片,显示依据是图片对象的显示内容,显示内容又根据图片路径而更新,初始时显示原始图片,图片裁剪后,显示裁剪后的图片;进行裁剪时,裁剪器始终通过原始图片路径显示出原始图片,并绘制出上一次裁剪的裁剪框在原始图片的基础上进行裁剪,裁剪完成后更新相应参数,保证裁剪流程能够循环执行。有益效果是:本发明每次进行裁剪时,都以原始图片为基础并绘制出上一次裁剪时的裁剪框,编辑好裁剪框之后进行裁剪,不会出现过度裁剪,并且用户操作更加方便,裁剪效率高。
Description
技术领域
本发明涉及图片处理技术,特别涉及图片裁剪技术。
背景技术
目前图片裁剪的方法是导入需要裁剪的原始图片后,在原始图片上进行裁剪得到裁剪后的图片,若对得到的图片不满意,可以在裁剪后的图片的基础上继续进行裁剪,以及返回到原始图片或之前得到的裁剪后的图片重新进行裁剪。但是,在裁剪后的图片的基础上继续进行裁剪时,只能在当前图片的范围内继续缩小范围裁剪,导致容易发生过度裁剪,进一步使得最后裁剪出的图片达不到最佳效果;另外,返回到原始图片或之前得到的裁剪后的图片重新进行裁剪时,操作麻烦、效率低,例如用户需要多次点击“返回上一步”按钮,并且用户在需要重新裁剪图片时,通常是需要在之前裁剪的基础上进行微调,而现有的图片裁剪方法在返回之后,原始图片或之前得到的裁剪后的图片上没有相应的之前裁剪位置的指示,用户无法获得裁剪的参考位置,使得再次裁剪时仍然不容易得到满意的图片,裁剪效率低。
发明内容
本发明为解决现有图片裁剪方法容易发生过度裁剪,并且操作麻烦、裁剪效率低的问题,提供一种图片裁剪方法。
为解决上述问题,本发明采用的技术方案是:
图片裁剪方法,包括将原始图片导入预设的画板转换得到图片对象,所述图片对象的属性包括原始图片路径、裁剪后的图片路径、显示内容和裁剪框参数,所述裁剪后的图片路径的初始值为原始图片路径,所述显示内容根据裁剪后的图片路径进行更新,所述画板根据显示内容显示出相应图片;
对图片对象发出裁剪命令后,调用预设的裁剪器编辑裁剪框对该图片对象进行裁剪,裁剪完成后将该图片对象的裁剪框参数更新为本次裁剪的裁剪框参数,然后生成并存储具有唯一标识符的裁剪后的图片,并将该图片对象的裁剪后的图片路径更新为本次裁剪得到的裁剪后的图片的存储路径;
所述调用预设的裁剪器后,裁剪器根据该图片对象的原始图片路径在裁剪器上显示出原始图片,并获取该图片对象的裁剪框参数,然后根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出裁剪框。
作为进一步优化,所述裁剪器包括内容方格和界面交互层,所述界面交互层在所述内容方格上层,所述内容方格中铺满一个图片组件,所述界面交互层由下至上包括画布和裁剪框,所述裁剪框能够绘制在画布上且能够在画布上进行编辑,调用裁剪器后,内容方格获取图片对象的原始图片路径,并根据获取到的原始图片路径通过图片组件在裁剪器上显示出原始图片。
作为进一步优化,所述界面交互层还包括蒙板,所述蒙板在所述裁剪框上层,所述蒙板中添加有几何图形对象一和几何图形对象二,所述几何图形对象一的尺寸和位置分别与画布的尺寸和位置相同,所述几何图形对象二的尺寸和位置分别与裁剪框的尺寸和位置相同,通过在几何图形对象一和几何图形对象二中预设不同的图片处理数据使裁剪框内部与裁剪框外部的图片显示效果不同。
作为进一步优化,所述画布的尺寸和位置分别与内容方格的尺寸和位置相同。
作为进一步优化,所述裁剪框为矩形裁剪框,所述原始图片为矩形图片,裁剪框参数包括裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸,将在裁剪器上显示的原始图片的左上角顶点作为原点建立直角坐标系。
作为进一步优化,分别为所述裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸预设初始值,所述裁剪器获取到图片对象的裁剪框参数后,若裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,则不在裁剪器上显示的原始图片上绘制裁剪框,否则根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出对应的裁剪框。
作为进一步优化,所述裁剪框横向尺寸和裁剪框纵向尺寸中至少1个尺寸的初始值设置为0。
作为进一步优化,若获取到的裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,则能够通过鼠标按下事件开始绘制矩形裁剪框,并将鼠标按下时鼠标光标的位置作为起始位置,通过鼠标移动事件实时获取鼠标光标的当前位置,并以起始位置和当前位置分别作为矩形裁剪框一条对角线上的两个顶点实时绘制出矩形裁剪框,通过鼠标松开事件完成矩形裁剪框的绘制。
作为进一步优化,生成裁剪后的图片时,在原始图片上建立与在裁剪器上显示的原始图片上所建立的直角坐标系相对应的直角坐标系,并获取该图片对象的裁剪框参数,然后根据原始图片、在裁剪器上显示的原始图片和获取到的裁剪框参数确定对原始图片进行裁剪的实际裁剪参数,所述实际裁剪参数包括实际裁剪区域左上角顶点横坐标、实际裁剪区域左上角顶点纵坐标、实际裁剪区域横向尺寸和实际裁剪区域纵向尺寸,所述实际裁剪区域左上角顶点横坐标=裁剪框左上角顶点横坐标×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域左上角顶点纵坐标=裁剪框左上角顶点纵坐标×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),所述实际裁剪区域横向尺寸=裁剪框横向尺寸×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域纵向尺寸=裁剪框纵向尺寸×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),然后根据实际裁剪参数和原始图片生成裁剪后的图片。
作为进一步优化,所述裁剪框的框线上设置有触点,通过移动触点能够调整裁剪框所框选的裁剪区域。
有益效果是:本发明每次进行裁剪时,都以原始图片为基础并绘制出上一次裁剪时的裁剪框,编辑好裁剪框之后进行裁剪。由于裁剪的基础为原始图片,因此重新裁剪时不会出现过度裁剪,并且重新裁剪时也只需发送裁剪命令,即点击一次裁剪按钮,不用多次进行返回上一步的操作,用户操作更加方便,另外,重新裁剪时会显示出上一次裁剪的裁剪框,为用户提供上一次的裁剪尺寸和位置参考,便于用户快速准确地裁剪出需要的图片,图片裁剪效率提高。
具体实施方式
下面结合实施例,进一步说明本发明的技术方案。
本发明提供的图片裁剪方法,包括将原始图片导入预设的画板转换得到图片对象,图片对象的属性包括原始图片路径、裁剪后的图片路径、显示内容和裁剪框参数,裁剪后的图片路径的初始值为原始图片路径,显示内容根据裁剪后的图片路径进行更新,所述画板根据显示内容显示出相应图片;对图片对象发出裁剪命令后,调用预设的裁剪器编辑裁剪框对该图片对象进行裁剪,裁剪完成后将该图片对象的裁剪框参数更新为本次裁剪的裁剪框参数,然后生成并存储具有唯一标识符的裁剪后的图片,并将该图片对象的裁剪后的图片路径更新为本次裁剪得到的裁剪后的图片的存储路径;其中,上述调用预设的裁剪器后,裁剪器根据该图片对象的原始图片路径在裁剪器上显示出原始图片,并获取该图片对象的裁剪框参数,然后根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出裁剪框。
上述图片裁剪方法中,画板根据图片对象的属性显示相应图片,显示依据是图片对象的显示内容,而显示内容又根据图片路径而更新,初始时显示原始图片,图片裁剪后,显示裁剪后的图片。进行裁剪时,裁剪器始终通过原始图片路径显示出原始图片,并绘制出上一次裁剪的裁剪框在原始图片的基础上进行裁剪,裁剪完成后更新相应参数,保证本发明的裁剪流程能够循环执行。
对上述方法进行进一步优化,具体可以是:
对裁剪器进行模块化设计,实现原始图片显示、裁剪框显示编辑功能,以方便软件开发。具体的,裁剪器包括内容方格和界面交互层,所述界面交互层在所述内容方格上层,所述内容方格中铺满一个图片组件,所述界面交互层由下至上包括画布和裁剪框,所述裁剪框能够绘制在画布上且能够在画布上进行编辑,调用裁剪器后,内容方格获取图片对象的原始图片路径,并根据获取到的原始图片路径通过图片组件在裁剪器上显示出原始图片。
为了在视觉上区分裁剪区域和非裁剪区域,以方便用户对图片的裁剪,上述裁剪器的界面交互层还可以包括蒙板,蒙板在所述裁剪框上层,蒙板中添加有几何图形对象一和几何图形对象二,所述几何图形对象一的尺寸和位置分别与画布的尺寸和位置相同,所述几何图形对象二的尺寸和位置分别与裁剪框的尺寸和位置相同,通过在几何图形对象一和几何图形对象二中预设不同的图片处理数据使裁剪框内部与裁剪框外部的图片显示效果不同。例如通过在几何图形对象中预设图片处理数据,使裁剪框内部的图像相对于裁剪框外部的图像高亮显示。
进一步的,为了将裁剪框所能框选的裁剪区域限制在原始图片范围内,以避免裁剪出错或裁剪所得的图片有空白区域,可以设置裁剪器的画布的尺寸和位置分别与内容方格的尺寸和位置相同。
另外,为了获得准确的裁剪区域,可以通过建立坐标系来确定裁剪的精确位置,以便为图片裁剪提供可靠的数据支撑,一般来说,用户是对矩形图片进行裁剪,裁剪框也为矩形,因此当裁剪框为矩形裁剪框,原始图片为矩形图片时,裁剪框参数可以包括裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸,将在裁剪器上显示的原始图片的左上角顶点作为原点建立直角坐标系。
当第一次进行裁剪时,由于没有上一次的裁剪区域可以参考,因此第一次进行裁剪时,可以不显示裁剪框,基于上述裁剪框参数,分别为裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸预设初始值,裁剪器获取到图片对象的裁剪框参数后,若裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,则可以表示用户之前还没有进行裁剪操作,此时不在裁剪器上显示的原始图片上绘制裁剪框,否则可以表示用户之前已经进行了裁剪操作,此时根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出对应的裁剪框。
进一步的,若裁剪框横向尺寸和裁剪框纵向尺寸的初始值都不为0,则表示初始的裁剪框具有一个裁剪范围,那么用户第一次进行裁剪时,所编辑的裁剪框就有可能是这个初始的裁剪框,进而在第二次进行裁剪时,会因检测到裁剪框参数为初始值而不绘制第一次所编辑的裁剪框,而这种情况下,显然是需要绘制的,因此,将裁剪框横向尺寸和裁剪框纵向尺寸中至少1个尺寸的初始值设置为0,即是使初始参数对应的裁剪框没有裁剪范围,用户在裁剪时也不会编辑一个没有裁剪范围的裁剪框,以此来避免上述问题。
进一步的,若获取到的裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,此时表示用户是第一次进行裁剪,这时用户能够通过鼠标按下事件开始绘制矩形裁剪框,并将鼠标按下时鼠标光标的位置作为起始位置,通过鼠标移动事件实时获取鼠标光标的当前位置,并以起始位置和当前位置分别作为矩形裁剪框一条对角线上的两个顶点实时绘制出矩形裁剪框,通过鼠标松开事件完成矩形裁剪框的绘制。上述通过鼠标事件使用户能够快速地编辑出裁剪框,只需点击鼠标并移动鼠标,非常方便快捷。
另外,在裁剪器里编辑好裁剪框后进行图片裁剪,因为图片裁剪器里显示的原始图片的分辨率和原始图片实际分辨率不一定一致,所以需要将裁剪器里的裁剪框转换成实际裁剪框,即将图片对象的裁剪框参数转换成在实际图片上的裁剪参数。为解决这个问题,在生成裁剪后的图片时,在原始图片上建立与在裁剪器上显示的原始图片上所建立的直角坐标系相对应的直角坐标系,并获取该图片对象的裁剪框参数。其中,相对应是指原始图片上的坐标系的原点位置与在裁剪器上显示的原始图片上的坐标系的原点位置都在图片的同一个顶角,例如左上角,以及原始图片上的坐标系的横轴和纵轴方向分别与在裁剪器上显示的原始图片上的坐标系的横轴和纵轴方向一致,以及原始图片中横轴和纵轴的单位刻度分别与在裁剪器上显示的原始图片中的横轴和纵轴的单位刻度一致。然后根据原始图片、在裁剪器上显示的原始图片和获取到的裁剪框参数确定对原始图片进行裁剪的实际裁剪参数,实际裁剪参数包括实际裁剪区域左上角顶点横坐标、实际裁剪区域左上角顶点纵坐标、实际裁剪区域横向尺寸和实际裁剪区域纵向尺寸,所述实际裁剪区域左上角顶点横坐标=裁剪框左上角顶点横坐标×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域左上角顶点纵坐标=裁剪框左上角顶点纵坐标×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),所述实际裁剪区域横向尺寸=裁剪框横向尺寸×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域纵向尺寸=裁剪框纵向尺寸×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),然后根据实际裁剪参数和原始图片生成裁剪后的图片。
优选的,裁剪框的框线上设置有触点,通过移动触点能够调整裁剪框所框选的裁剪区域,方便用户对裁剪框进行微调。
实施例
下面具体举例说明本发明的技术方案。
本例中,裁剪框采用矩形裁剪框,原始图片采用矩形图片。
本例的图片裁剪方法,首先将原始图片导入预设的画板转换得到图片对象,用户可以导入多个原始图片,分别将导入的所有原始图片转换成图片对象,并通过画板同时显示出相应图片,每个图片对象具有唯一的ID,用户能够选中其中一张图片进行裁剪。
其中,图片对象是一个内容控件,具有以下属性:ID、选中标志、原始图片路径、裁剪后的图片路径、显示内容、矩形裁剪框参数和在画板上的显示尺寸;裁剪后的图片路径的初始值为原始图片路径,显示内容根据裁剪后的图片路径进行更新,画板根据显示内容显示出相应图片,并根据在画板上的显示尺寸调整显示大小,矩形裁剪框参数有裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸,裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸的初始值都预设为0。
用户选中任一图片对象后,该图片对象的选中标志置1,其他图片对象的选中标志置0,然后用户能够点击裁剪按钮对该选中的图片对象发出裁剪命令。
对图片对象发出裁剪命令后,软件调用预设的裁剪器,其中,裁剪器由下至上为内容方格和界面交互层,界面交互层由下至上为画布、矩形裁剪框和蒙板,内容方格中铺满一个图片组件,画布的尺寸和位置分别与内容方格的尺寸和位置相同,矩形裁剪框能够绘制在画布上且能够在画布上进行编辑,蒙板中添加有几何图形对象一和几何图形对象二,几何图形对象一的尺寸和位置分别与画布的尺寸和位置相同,几何图形对象二的尺寸和位置分别与矩形裁剪框的尺寸和位置相同,几何图形对象一和几何图形对象二中预设有不同的图片处理数据。
调用裁剪器后,裁剪器获取图片对象的矩形裁剪框参数,内容方格获取图片对象的原始图片路径,并根据获取到的原始图片路径通过图片组件在裁剪器上显示出原始图片。矩形裁剪框参数的取值基于通过内容方格在裁剪器上显示的原始图片,将裁剪器上显示的原始图片的上边线作为横轴,横轴正方向沿上边线向右,在裁剪器上显示的原始图片的左边线作为纵轴,纵轴正方向沿左边线向下,在裁剪器上显示的原始图片的左上角顶点作为原点,建立直角坐标系,横轴和纵轴的单位长度都为1像素。
裁剪器获取到图片对象的矩形裁剪框参数后进行判断;若裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为0,则不在画布上绘制矩形裁剪框,此时用户能够通过鼠标编辑矩形裁剪框,具体是软件通过鼠标按下事件开始绘制矩形裁剪框,并将鼠标按下时鼠标光标的位置作为起始位置,通过鼠标移动事件实时获取鼠标光标的当前位置,并以起始位置和当前位置分别作为矩形裁剪框一条对角线上的两个顶点在画布上实时绘制出矩形裁剪框,通过鼠标松开事件完成矩形裁剪框的绘制;否则根据获取到的矩形裁剪框参数在画布上绘制出对应的矩形裁剪框。蒙板基于上述设置的两个几何对象,通过预设的图片处理数据使矩形裁剪框内部与矩形裁剪框外部的图片的显示效果不同,矩形裁剪框内部区域相对于矩形裁剪框外部区域高亮显示,以区分裁剪区域和非裁剪区域。
用户编辑好矩形裁剪框后,点击确认,然后软件将图片对象的矩形裁剪框参数更新为本次裁剪所编辑好的矩形裁剪框参数,然后生成并存储具有唯一标识符的裁剪后的图片,并将图片对象的裁剪后的图片路径更新为本次裁剪得到的裁剪后的图片的存储路径。
上述生成裁剪后的图片的具体方法为:在原始图片上建立直角坐标系,具体是将原始图片的上边线作为横轴,横轴正方向沿上边线向右,原始图片的左边线作为纵轴,纵轴正方向沿左边线向下,原始图片的左上角顶点作为原点,建立直角坐标系,横轴和纵轴的单位长度都为1像素。通过在原始图片上建立的上述直角坐标系,就能得到原始图片的实际横向尺寸和实际纵向尺寸。基于上述在原始图片和在裁剪器上显示的原始图片上建立的两个坐标系,先获取图片对象的裁剪框参数,然后根据原始图片、在裁剪器上显示的原始图片和获取到的裁剪框参数确定对原始图片进行裁剪的实际裁剪参数,实际裁剪参数包括实际裁剪区域左上角顶点横坐标、实际裁剪区域左上角顶点纵坐标、实际裁剪区域横向尺寸和实际裁剪区域纵向尺寸,然后根据实际裁剪参数和原始图片生成裁剪后的图片。
上述实际裁剪区域左上角顶点横坐标=裁剪框左上角顶点横坐标×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸)。
上述实际裁剪区域左上角顶点纵坐标=裁剪框左上角顶点纵坐标×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸)。
上述实际裁剪区域横向尺寸=裁剪框横向尺寸×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸)。
上述实际裁剪区域纵向尺寸=裁剪框纵向尺寸×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸)。
其中,本例所述的矩形裁剪框在四个顶点和四条边线的中间各设置有一个触点,通过移动触点能够调整裁剪框所框选的裁剪区域。
Claims (10)
1.图片裁剪方法,包括将原始图片导入预设的画板转换得到图片对象,其特征在于,所述图片对象的属性包括原始图片路径、裁剪后的图片路径、显示内容和裁剪框参数,所述裁剪后的图片路径的初始值为原始图片路径,所述显示内容根据裁剪后的图片路径进行更新,所述画板根据显示内容显示出相应图片;
对图片对象发出裁剪命令后,调用预设的裁剪器编辑裁剪框对该图片对象进行裁剪,裁剪完成后将该图片对象的裁剪框参数更新为本次裁剪的裁剪框参数,然后生成并存储具有唯一标识符的裁剪后的图片,并将该图片对象的裁剪后的图片路径更新为本次裁剪得到的裁剪后的图片的存储路径;
所述调用预设的裁剪器后,裁剪器根据该图片对象的原始图片路径在裁剪器上显示出原始图片,并获取该图片对象的裁剪框参数,然后根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出裁剪框。
2.如权利要求1所述的图片裁剪方法,其特征在于,所述裁剪器包括内容方格和界面交互层,所述界面交互层在所述内容方格上层,所述内容方格中铺满一个图片组件,所述界面交互层由下至上包括画布和裁剪框,所述裁剪框能够绘制在画布上且能够在画布上进行编辑,调用裁剪器后,内容方格获取图片对象的原始图片路径,并根据获取到的原始图片路径通过图片组件在裁剪器上显示出原始图片。
3.如权利要求2所述的图片裁剪方法,其特征在于,所述界面交互层还包括蒙板,所述蒙板在所述裁剪框上层,所述蒙板中添加有几何图形对象一和几何图形对象二,所述几何图形对象一的尺寸和位置分别与画布的尺寸和位置相同,所述几何图形对象二的尺寸和位置分别与裁剪框的尺寸和位置相同,通过在几何图形对象一和几何图形对象二中预设不同的图片处理数据使裁剪框内部与裁剪框外部的图片显示效果不同。
4.如权利要求2所述的图片裁剪方法,其特征在于,所述画布的尺寸和位置分别与内容方格的尺寸和位置相同。
5.如权利要求1所述的图片裁剪方法,其特征在于,所述裁剪框为矩形裁剪框,所述原始图片为矩形图片,裁剪框参数包括裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸,将裁剪器上显示的原始图片的左上角顶点作为原点建立直角坐标系。
6.如权利要求5所述的图片裁剪方法,其特征在于,分别为所述裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸预设初始值,所述裁剪器获取到图片对象的裁剪框参数后,若裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,则不在裁剪器上显示的原始图片上绘制裁剪框,否则根据获取到的裁剪框参数在裁剪器上显示的原始图片上绘制出对应的裁剪框。
7.如权利要求6所述的图片裁剪方法,其特征在于,所述裁剪框横向尺寸和裁剪框纵向尺寸中至少1个尺寸的初始值设置为0。
8.如权利要求6所述的图片裁剪方法,其特征在于,若获取到的裁剪框左上角顶点横坐标、裁剪框左上角顶点纵坐标、裁剪框横向尺寸和裁剪框纵向尺寸都为初始值,则能够通过鼠标按下事件开始绘制矩形裁剪框,并将鼠标按下时鼠标光标的位置作为起始位置,通过鼠标移动事件实时获取鼠标光标的当前位置,并以起始位置和当前位置分别作为矩形裁剪框一条对角线上的两个顶点实时绘制出矩形裁剪框,通过鼠标松开事件完成矩形裁剪框的绘制。
9.如权利要求5所述的图片裁剪方法,其特征在于,生成裁剪后的图片时,在原始图片上建立与在裁剪器上显示的原始图片上所建立的直角坐标系相对应的直角坐标系,并获取该图片对象的裁剪框参数,然后根据原始图片、裁剪器上显示的原始图片和获取到的裁剪框参数确定对原始图片进行裁剪的实际裁剪参数,所述实际裁剪参数包括实际裁剪区域左上角顶点横坐标、实际裁剪区域左上角顶点纵坐标、实际裁剪区域横向尺寸和实际裁剪区域纵向尺寸,所述实际裁剪区域左上角顶点横坐标=裁剪框左上角顶点横坐标×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域左上角顶点纵坐标=裁剪框左上角顶点纵坐标×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),所述实际裁剪区域横向尺寸=裁剪框横向尺寸×(原始图片的实际横向尺寸/原始图片在裁剪器上显示的横向尺寸),所述实际裁剪区域纵向尺寸=裁剪框纵向尺寸×(原始图片的实际纵向尺寸/原始图片在裁剪器上显示的纵向尺寸),然后根据实际裁剪参数和原始图片生成裁剪后的图片。
10.如权利要求1所述的图片裁剪方法,其特征在于,所述裁剪框的框线上设置有触点,通过移动触点能够调整裁剪框所框选的裁剪区域。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910453494.1A CN110189250B (zh) | 2019-05-28 | 2019-05-28 | 图片裁剪方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910453494.1A CN110189250B (zh) | 2019-05-28 | 2019-05-28 | 图片裁剪方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110189250A true CN110189250A (zh) | 2019-08-30 |
CN110189250B CN110189250B (zh) | 2023-03-24 |
Family
ID=67718285
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910453494.1A Active CN110189250B (zh) | 2019-05-28 | 2019-05-28 | 图片裁剪方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110189250B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110568982A (zh) * | 2019-09-12 | 2019-12-13 | 北京字节跳动网络技术有限公司 | 在线演示文稿中的图片裁剪方法、装置、存储介质及设备 |
CN112288653A (zh) * | 2020-11-02 | 2021-01-29 | 哈尔滨市科佳通用机电股份有限公司 | 一种高质量切割子图获取方法 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US4695966A (en) * | 1984-03-22 | 1987-09-22 | Sharp Kabushiki Kaisha | Image processing device |
JP2003296741A (ja) * | 2002-03-29 | 2003-10-17 | Toshiba Corp | 物体画像切り出し方法及びプログラム並びに物体画像切り出し装置 |
CN101707055A (zh) * | 2009-10-30 | 2010-05-12 | 深圳创维数字技术股份有限公司 | 一种数字电视机顶盒窗口图像处理方法和*** |
JP2014127942A (ja) * | 2012-12-27 | 2014-07-07 | Murata Mach Ltd | 画像編集装置及び画像編集プログラム |
CN104021555A (zh) * | 2014-06-11 | 2014-09-03 | 南宁市勘察测绘地理信息院 | 基于虚拟打印技术的影像裁剪分幅方法 |
US20150278986A1 (en) * | 2014-03-28 | 2015-10-01 | Adobe Systems Incorporated | Content Aware Cropping |
CN105094563A (zh) * | 2015-08-11 | 2015-11-25 | 成都视达科信息技术有限公司 | 一种图片裁剪方法及裁剪*** |
CN105975204A (zh) * | 2016-04-28 | 2016-09-28 | 深圳市金立通信设备有限公司 | 一种图片处理方法及终端 |
CN106408508A (zh) * | 2015-07-30 | 2017-02-15 | 腾讯科技(深圳)有限公司 | 一种图像变形处理方法及装置 |
CN106651757A (zh) * | 2016-12-02 | 2017-05-10 | 天脉聚源(北京)传媒科技有限公司 | 一种裁剪图片的方法及装置 |
-
2019
- 2019-05-28 CN CN201910453494.1A patent/CN110189250B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US4695966A (en) * | 1984-03-22 | 1987-09-22 | Sharp Kabushiki Kaisha | Image processing device |
JP2003296741A (ja) * | 2002-03-29 | 2003-10-17 | Toshiba Corp | 物体画像切り出し方法及びプログラム並びに物体画像切り出し装置 |
CN101707055A (zh) * | 2009-10-30 | 2010-05-12 | 深圳创维数字技术股份有限公司 | 一种数字电视机顶盒窗口图像处理方法和*** |
JP2014127942A (ja) * | 2012-12-27 | 2014-07-07 | Murata Mach Ltd | 画像編集装置及び画像編集プログラム |
US20150278986A1 (en) * | 2014-03-28 | 2015-10-01 | Adobe Systems Incorporated | Content Aware Cropping |
CN104021555A (zh) * | 2014-06-11 | 2014-09-03 | 南宁市勘察测绘地理信息院 | 基于虚拟打印技术的影像裁剪分幅方法 |
CN106408508A (zh) * | 2015-07-30 | 2017-02-15 | 腾讯科技(深圳)有限公司 | 一种图像变形处理方法及装置 |
CN105094563A (zh) * | 2015-08-11 | 2015-11-25 | 成都视达科信息技术有限公司 | 一种图片裁剪方法及裁剪*** |
CN105975204A (zh) * | 2016-04-28 | 2016-09-28 | 深圳市金立通信设备有限公司 | 一种图片处理方法及终端 |
CN106651757A (zh) * | 2016-12-02 | 2017-05-10 | 天脉聚源(北京)传媒科技有限公司 | 一种裁剪图片的方法及装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110568982A (zh) * | 2019-09-12 | 2019-12-13 | 北京字节跳动网络技术有限公司 | 在线演示文稿中的图片裁剪方法、装置、存储介质及设备 |
CN112288653A (zh) * | 2020-11-02 | 2021-01-29 | 哈尔滨市科佳通用机电股份有限公司 | 一种高质量切割子图获取方法 |
Also Published As
Publication number | Publication date |
---|---|
CN110189250B (zh) | 2023-03-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103634650B (zh) | 一种基于智能电视平台的图片处理方法及*** | |
JP3486461B2 (ja) | 画像処理装置及び方法 | |
CN110189250A (zh) | 图片裁剪方法 | |
CN103954970B (zh) | 一种地形要素采集方法 | |
CN107515986A (zh) | 编辑2d户型图生成3d户型场景的方法 | |
CN105760740A (zh) | 一种基于移动终端的快速制作动态电子***的方法 | |
CN104462682A (zh) | 一种交互式焊接接头坡口图形绘制及参数标注方法 | |
US11357462B2 (en) | 3D perspective indicator and generation method therefor and application thereof | |
JP3647407B2 (ja) | 画像処理装置 | |
US5428715A (en) | Three-dimensional figure data generator device | |
US5852442A (en) | Method of drawing a three-dimensional object | |
CN112862668B (zh) | 一种从设计效果图到可视化实施画面转换的方法 | |
CN106780474B (zh) | 一种基于Kinect的实时深度图与彩图的配准及优化方法 | |
Kratochvílová et al. | Using the automatic vectorisation method in generating the vector altimetry of the historical Vltava River valley | |
CN107465902A (zh) | 一种投影校正方法、装置及激光电视 | |
CN108823942B (zh) | 一种裁床自适应废料裁断方法 | |
JPH08161530A (ja) | アイコン作成方法及び動画用のコマ作成方法 | |
CN111462280A (zh) | 一种图片生成方法、装置、电子设备和计算机存储介质 | |
KR101494805B1 (ko) | 3차원 컨텐츠 제작 시스템 및 그 방법 | |
CN101650751A (zh) | 用于cad的图纸幅面处理方法 | |
JP4357620B2 (ja) | 画像作成方法および装置 | |
JPH01126718A (ja) | 画像入力制御装置 | |
JP4136188B2 (ja) | 図形編集装置および方法 | |
CN110990005B (zh) | 网页元素定位方法 | |
JPH09321983A (ja) | 画像処理方法,及び画像処理装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: Image cropping method Effective date of registration: 20230927 Granted publication date: 20230324 Pledgee: Chengdu Rural Commercial Bank Co.,Ltd. Guixi Sub branch Pledgor: CHENGDU YINENG SCI&TECH Co.,Ltd. Registration number: Y2023980058776 |