CN110443772B - 图片处理方法、装置、计算机设备和存储介质 - Google Patents
图片处理方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN110443772B CN110443772B CN201910769703.3A CN201910769703A CN110443772B CN 110443772 B CN110443772 B CN 110443772B CN 201910769703 A CN201910769703 A CN 201910769703A CN 110443772 B CN110443772 B CN 110443772B
- Authority
- CN
- China
- Prior art keywords
- image
- layer
- display area
- image layer
- scaling
- 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.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 20
- 238000009877 rendering Methods 0.000 claims abstract description 116
- 238000012937 correction Methods 0.000 claims abstract description 78
- 238000000034 method Methods 0.000 claims abstract description 39
- 230000004044 response Effects 0.000 claims abstract description 34
- 238000012545 processing Methods 0.000 claims description 86
- 230000001360 synchronised effect Effects 0.000 claims description 26
- 238000004590 computer program Methods 0.000 claims description 8
- 230000008569 process Effects 0.000 claims description 8
- 230000000694 effects Effects 0.000 description 19
- 230000006399 behavior Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 230000009467 reduction Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000003491 array Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000013519 translation Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 239000000654 additive Substances 0.000 description 1
- 230000000996 additive effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000000354 decomposition reaction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
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/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
- G06T5/90—Dynamic range modification of images or parts thereof
- G06T5/94—Dynamic range modification of images or parts thereof based on local image properties, e.g. for local contrast enhancement
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Editing Of Facsimile Originals (AREA)
- Image Processing (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例公开了一种图片处理方法、装置、计算机设备和存储介质。所述方法包括:在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。本发明实施例可以减小批改结果的分辨率降低的程度,从而提高批改结果的清晰度。
Description
技术领域
本发明实施例涉及图像处理技术,尤其涉及一种图片处理方法、装置、计算机设备和存储介质。
背景技术
随着科技的发展和互联网技术的不断进步,移动终端提供的服务不断升级。例如,移动终端提供一种拍题应用,用户可以通过拍题应用功能拍摄题目以及相应答案的图片,并上传至服务器进行答案批改。拍题应用接收服务器反馈的批改结果,覆盖在原始图像中显示给用户。
目前,绘制批改结果是通过将批改内容的图片(如对勾图片)绘制到用户上传的原始图像中,具体如图1所示,对勾和框均为批改内容的图片。由于排版布局的需要,绘制到原始图像上后,绘制尺寸比原始图像的尺寸要小,清晰度就会有一定下降。例如,对勾图片的分辨率是84*84,绘制到原始图像上后,尺寸大小变成64*64,清晰度相比绘制之前下降5.67%。此外,用户在对添加有批改结果的图片进行放大时,该图片中的批改内容的图片会相应放大,批改内容的图片的分辨率降低,导致图片失真,造成清晰度进一步下降。
发明内容
本发明实施例提供一种图片处理方法、装置、计算机设备和存储介质,可以减小批改结果的分辨率降低的程度,从而提高批改结果的清晰度。
第一方面,本发明实施例提供了一种图片处理方法,包括:
在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;
在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
第二方面,本发明实施例还提供了一种图片处理装置,包括:
第一图层绘制模块,用于在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;
第二图层绘制模块,用于在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
显示区域操作响应模块,用于响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
第三方面,本发明实施例还提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序所述处理器执行所述程序时实现如本发明实施例中任一所述的图片处理方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例中任一所述的图片处理方法。
本发明实施例通过在第一图像层中显示原始图像,在第二图像层中显示局部添加图像,并在显示区域中将第二图像层覆盖于第一图像层共同显示,形成原始图像中添加其他图像的显示效果,同时添加的图像不会改变原有原始图像的内容,而且,局部添加图像未直接绘制在原始图像上,避免直接绘制在原始图像导致分辨率降低的情况,同时在接收到针对显示区域的操作,对第一图像层和第二图像层进行同步操作,实现局部添加图像和原始图像同步响应用户操作,保证局部添加图像与原始图像为一个整体的显示效果,解决了现有技术中批改内容的图片在绘制之后分辨率下降以及随着原始图像放大分辨率进一步下降的问题,实现减小批改结果的分辨率降低的程度,从而提高批改结果的清晰度。
附图说明
图1是现有技术中的一种图片处理方法的流程图;
图2是本发明实施例一中的一种图片处理方法的流程图;
图3是本发明实施例二中的一种图片处理方法的流程图;
图4是本发明实施例三中的一种图片处理方法的流程图;
图5是本发明实施例四中的一种图片处理方法的流程图;
图6是本发明实施例五中的一种图片处理装置的结构示意图;
图7是本发明实施例六中的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图2为本发明实施例一中的一种图片处理方法的流程图,本实施例可应用于在原始图像中加入局部添加图像的情况。该方法可以由本发明实施例提供的图片处理装置来执行,该装置可采用软件和/或硬件的方式实现,并一般可集成在电子设备中,电子设备可以是如智能手机、平板电脑或车载终端等。如图2所示,本实施例的方法具体包括:
S110,在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示。
本发明实施例主要应用于需要在一张原始图像中加入新的局部添加图像进行组合显示的情况,例如:在包含待批改题目的图像中添加批改内容图像的情况,或者在原始的照片中加入特效图片的情况等。针对现有技术通过直接将局部添加图片与该原始图片在一个图层中进行融合的实现方式所带来的对局部添加图片的分辨率损失,在本实施例中,创造性的提出了使用两个图层分别承载该原始图像以及局部添加图像,并对该两个图层进行联动,可以在不损失局部添加图片分辨率的基础上,实现上述组合显示的效果。
其中,图层用于承载文本或者图片等元素,以生成显示内容。
在本实施例中第一图层用于绘制原始图像。所述原始图像中的一个或者多个图像位置中,用于加入一个或者多个局部添加图像。具体的,所述原始图像可以是指获取的包含待批改题目的图像。用户可以通过客户端或浏览器拍摄包括待批改题目的区域,形成原始图像。其中,待批改题目包括口算题目。
在将原始图像绘制于,或者说映射于该第一图层后,生成第一图像层,也即第一图像层为承载有该原始图像的图层。
显示区域用于承载第一图像层进行显示显示区域可以是指页面中的显示区域,例如,在客户端或浏览器中生成的页面的显示区域,或者显示区域可以是指设定的屏幕区域
S120,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示。
第二图层用于绘制局部添加图像。局部添加图像用于叠加在原始图像中形成完整图像。示例性的,原始图像包括待批改题目,局部添加图像可以是指原始图像中待批改题目对应的批改内容。其中,局部添加图像是针对一个待批改题目确定的批改内容。若原始图像中包括多个完整的待批改题目,每个待批改题目对应存在一个局部添加图像,原始图像对应存在多个局部添加图像。
第二图像层用于显示一个或者多个局部添加图像。第二图像层覆盖在第一图像层,形成第二图像层与第一图像层叠加之后的图像,也即形成原始图像与一个或者多个局部添加图像叠加之后的图像。
可选的,所述原始图像为包括有至少一项待批改题目的图像;所述局部添加图像为与所述原始图像中的待批改题目匹配的图像。
其中,待批改题目的图像可以通过用户拍照上传获取。局部添加图像用于显示待批改题目的批改结果信息。批改结果信息可以包括是否正确的结果,以及待批改题目的正确答案的内容。对原始图像中包括的各待批改题目进行解析,得到每个待批改题目的批改结果信息,并生成相应的图像。
通过获取原始图像包括待批改题目的批改结果匹配的图像,并叠加在原始图像上进行显示,实现显示批改题目以及相应的批改结果。
可选的,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,还包括:调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
题目批改服务用于对原始图像进行批改处理,反馈批改结果。具体的,在调用题目批改服务之前,还需要对原始图像进行预处理,例如,对原始图像进行解析,得到原始图像对应的二进制文件,以使题目批改服务在二进制图像文件中识别出各待批改题目,并分别进行批改处理,返回批改结果信息。
批改结果信息用于确定批改结果图像的图像类型以及批改结果图像的批改内容。其中,批改结果图像用于以图像的形式显示批改结果信息。批改结果的图像类型可以包括正确结果的图像类型和错误结果的图像类型。示例性的,正确结果的图像类型为对勾图像,错误结果的图像类型为框图。批改内容用于表示待批改题目的题目解答的提示信息,如,解题过程的分解后的步骤、解题过程的分解步骤的文本描述信息(如先加法后乘法)和待批改题目关联的知识数据(如文本、图像、语音、视频和网址链接等)等中的至少一项。
原始添加区域用于确定批改结果图像在原始图像中的位置,也即确定局部添加图像在原始图像中的位置。具体的,批改结果信息可以是json格式的数据,例如,正确结果:correctPos:[{left,top,width,height}];错误结果:errorPos:[{left,top,width,height}]。
通过题目批改服务识别原始图像中的待批改题目,并进行批改处理,得到批改结果的类型以及原始添加区域,实现自动批改,提高题目批改的效率,减少题目批改的人工成本。
S130,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
缩放和/或移动操作均是用户在显示区域中输入的触发操作,具体可以通过点击操作、手势操作和滑动操作等操作中的至少一项触发。通过监听用户的手势操作行为,确定用户输入的操作类型,并进行响应,其中,操作类型包括缩放操作和/或移动操作。
显示区域内的第一图像层和第二图像层同步响应操作,实现第一图像层和第二图像层同步缩放和/或移动,形成第一图像层和第二图像层是一个整体图像的显示效果。
示例性的,客户端的显示区域的范围内接收到用户输入的放大手势,客户端指示第一图像层和第二图像层同步放大,在显示区域中显示放大的第一图像层与放大的第二图像层叠加的显示图像,显示给用户。
可选的,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,包括:响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
具体的,通过监听用户的手势操作行为,确定手势操作的类型。具体的,手势操作的类型包括双指缩放操作和/或单指移动操作。
根据双指缩放操作,确定缩放的类型和缩放的程度。具体的,可以根据双指的滑动方向确定缩放的类型,以及根据双指的滑动距离确定缩放的程度。示例性的,若双指向彼此远离方向滑动,确定缩放的类型为放大,双指之间的距离越大,放大的程度越大,即双指缩放比例越大;若双指向彼此接近方向滑动,确定缩放的类型为缩小,双指之间的距离越小,缩小的程度越大,即双指缩放比例越小。缩放的类型包括缩小或放大。双指缩放比例用于描述缩放的程度。第一图像层以及第二图像层进行同步缩小处理或同步放大处理,且缩放比例相同。
根据单指移动操作,确定移动方向和移动距离。具体的,可以根据单指的滑动方向确定移动方向,以及根据单指的滑动距离确定移动距离。其中,移动方向包括在平面内的平移方向。第一图像层以及第二图像层进行同步水平移动处理和/或同步垂直移动处理,且移动距离相同。
示例性的,通常在一次用户操作行为过程中,会触发开始(start)、移动(moving)和结束(end)三种行为事件,在每个事件中将行为数据以json的数据格式进行传递,例如,{type:‘zoom|pan’,scale:1,offsetX:x,offsetY:y},其中type是指手势行为(zoom是缩放,pan是滑动),scale是缩放比例,offsetX和offsetY是滑动偏移增量,在同一时刻,只能有一种手势操作行为。
通过响应显示区域的双指缩放操作,对第一图像层以及第二图像层进行同步且相同的缩放处理,以及响应显示区域的单指移动操作,对第一图像层以及第二图像层进行同步且相同的移动处理,实现第二图像层跟随第一图像层进行相同变化,保证第一图像层和第二图像层的变化相同且同步,形成一个图像的显示效果。
本发明实施例通过在第一图像层中显示原始图像,在第二图像层中显示局部添加图像,并在显示区域中将第二图像层覆盖于第一图像层共同显示,形成原始图像中添加其他图像的显示效果,同时添加的图像不会改变原有原始图像的内容,而且,局部添加图像未直接绘制在原始图像上,避免直接绘制在原始图像导致分辨率降低的情况,同时在接收到针对显示区域的操作,对第一图像层和第二图像层进行同步操作,实现局部添加图像和原始图像同步响应用户操作,保证局部添加图像与原始图像为一个整体的显示效果,解决了现有技术中批改内容的图片在绘制之后分辨率下降以及随着原始图像放大分辨率进一步下降的问题,实现减小批改结果的分辨率降低的程度,从而提高批改结果的清晰度。
实施例二
图3为本发明实施例二中的一种图片处理方法的流程图,本实施例以上述实施例为基础进行具体化,将在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示,具体化为:生成与所述显示区域的尺寸相匹配的所述第一图层;根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层;将所述第一图像层在所述显示区域内进行显示。该方法具体包括:
S210,生成与所述显示区域的尺寸相匹配的所述第一图层。
在本实施例中,第一图层、原始图像、第一图像层、显示区域、第二图层、局部添加图像和缩放,和/或移动操作等可以参考上述实施例的描述。
由于终端设备的不同,相应的,终端设备的分辨率也不同,也即显示区域的尺寸不同,因此,需要适配不同的终端设备,需要自动调整待显示的原始图像的尺寸以适配当前显示区域的尺寸。
第一图层的尺寸与显示区域的尺寸相匹配,可以包括第一图层的尺寸与显示区域的尺寸相同。通常,当待显示的图像居中放置在显示区域中,并填满显示区域时,此时的显示效果最佳。在第一图层的尺寸与显示区域的尺寸匹配时,第一图层中绘制的图像仅需要调整成与第一图层尺寸匹配的尺寸即可,可以避免绘制的图像在调整成与第一图层尺寸匹配的尺寸之后,还需要随着第一图层进行缩放和/或平移调整才能实现绘制的图像达到最佳显示效果,造成多次调整,从而导致图像像素损失,降低分辨率的情况,从而提高图像显示处理的效率,以及提高图像的清晰度。
S220,根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层。
实际上,原始图像的尺寸会与显示区域的尺寸不同,可以对原始图像进行缩放,以使原始图像最大程度上填满显示区域,提高显示效果。
按照缩放比例渲染原始图像可以是指,按照原始图像的宽高比,将宽高同时等比例放大或缩小,也即放大或缩小后的原始图像的宽高比不变。
实际上,原始图像的宽高比和显示区域的宽高比可以相同,也可以不同。
如果原始图像的宽高比和显示区域的宽高比相同,直接将原始图像的宽高等比例放大或缩小,并居中渲染在第一图层中,形成与显示区域尺寸相同且居中显示的图像。
如果原始图像的宽高比和显示区域的宽高比不相同,为了避免图像显示失真且保持原有比例的图像显示效果,可以将原始图像的宽高同时进行缩放,直至宽的尺寸与显示区域的宽的尺寸相同,或直至高的尺寸与显示区域的高的尺寸相同。
可选的,根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层,包括:当确定所述原始图像的宽高比大于等于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的宽度与所述显示区域的宽度相一致,并获取所述原始图像当前的第一缩放比例;将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层;或者当确定所述原始图像的宽高比小于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的高度与所述显示区域的高度相一致,并获取所述原始图像当前的第二缩放比例;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层。
可以理解的是,原始图像的宽高比大于等于显示区域的宽高比,在对原始图像进行宽高等比例缩放时,原始图像的高度缩放至与显示区域的高度相同时,原始图像的宽度大于显示区域的宽度,此时,原始图像的面积大于显示区域的面积,原始图像中部分区域范围无法显示在显示区域中。由此,为了保证原始图像可以全部在显示区域中显示,仅需要将原始图像等比例缩放至,原始图像的宽度与显示区域的宽度相一致的程度,在保证图像不失真的情况下,最大程度上增加原始图像的显示范围。同时,缩放后的原始图像的高度小于显示区域的高度,也即缩放后的原始图像在高度方向上不能撑满显示区域,缩放后的原始图像可以根据需要放置在显示区域中不同的高度处。
同样,原始图像的宽高比小于显示区域的宽高比,在对原始图像进行宽高等比例缩放时,原始图像的宽度缩放至与显示区域的宽度相同时,原始图像的高度大于显示区域的高度,此时,原始图像的面积大于显示区域的面积,原始图像中部分区域范围无法显示在显示区域中。由此,为了保证原始图像可以全部在显示区域中显示,仅需要将原始图像等比例缩放至,原始图像的高度与显示区域的高度相一致的程度。同时,缩放后的原始图像的宽度小于显示区域的宽度,也即缩放后的原始图像在宽度方向上不能撑满显示区域,缩放后的原始图像可以根据需要放置在显示区域中不同的宽度处。
通过等比例缩放原始图像,呈现出在图像不失真的情况下,最大程度上增加原始图像的显示范围。
可选的,根据权利要求3所述的方法,其特征在于,将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第一缩放比例进行缩放处理后的图像,沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第二缩放比例进行缩放处理后的图像,沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
如果原始图像的宽高比大于等于显示区域的宽高比,且将原始图像等比例缩放至,原始图像的宽度与显示区域的宽度相一致的程度,此时,缩放后的原始图像在高度方向上无法完全覆盖显示区域,可以在高度方向将缩放后的原始图像居中显示,以实现最佳显示效果。
如果原始图像的宽高比小于显示区域的宽高比,且将原始图像等比例缩放至,原始图像的高度与显示区域的高度相一致的程度,此时,缩放后的原始图像在宽度方向上无法完全覆盖显示区域,可以在宽度方向将缩放后的原始图像居中显示,以实现最佳显示效果。
通过在缩放后的原始图像无法完全覆盖显示区域的方向上居中渲染缩放后的原始图像,实现最佳显示效果。
可选的,所述原始图像为包括有至少一项待批改题目的图像;所述局部添加图像为与所述原始图像中的待批改题目匹配的图像。
可选的,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,还包括:调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
S230,将所述第一图像层在所述显示区域内进行显示。
S240,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
S250,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
可选的,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,包括:响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
本发明实施例通过生成与显示区域的尺寸匹配的第一图层,并基于原始图像的宽高比与显示区域的宽高比之间的关系,确定原始图像的缩放比例,对原始图像的宽高进行等比例缩放,可以避免原始图像在不等比例缩放造成的失真情况,在第一图层中渲染,形成第一图像层,可以省却第一图层的尺寸与显示区域的尺寸不匹配,导致原始图像还需要随着第一图层进行缩放的步骤,从而减少原始图像多次缩放导致降低分辨率的情况,从而提高图像显示处理的效率,以及提高图像的清晰度。
实施例三
图4为本发明实施例三中的一种图片处理方法的流程图,本实施例以上述实施例为基础进行具体化,将在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,具体化为:生成与所述第一图层的尺寸相匹配的设定透明度的图层,作为所述第二图层;获取所述至少一个局部添加图像在所述原始图像中的原始添加区域;根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域;在所述目标渲染区域处,渲染所述至少一个局部添加图像。该方法具体包括:
S310,在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示。
在本实施例中,第一图层、原始图像、第一图像层、显示区域、第二图层、局部添加图像和缩放,和/或移动操作等可以参考上述实施例的描述。
可选的,在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示,包括:生成与所述显示区域的尺寸相匹配的所述第一图层;根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层;将所述第一图像层在所述显示区域内进行显示。
可选的,根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层,包括:当确定所述原始图像的宽高比大于等于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的宽度与所述显示区域的宽度相一致,并获取所述原始图像当前的第一缩放比例;将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层;或者当确定所述原始图像的宽高比小于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的高度与所述显示区域的高度相一致,并获取所述原始图像当前的第二缩放比例;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层。
可选的,将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第一缩放比例进行缩放处理后的图像,沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第二缩放比例进行缩放处理后的图像,沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
S320,生成与所述第一图层的尺寸相匹配的设定透明度的图层,作为所述第二图层。
其中,可以根据需要设定透明度,透明度用于显示底下的内容。第二图层是可以显示置于第二图层下面的图层的图层,用于叠加在第一图层,显示第一图层上原本渲染的图像。第二图层覆盖在第一图层上,可以显示第一图层的元素,如文本和/或图形,不会遮挡第一图层的显示效果。示例性的,设定透明度为100%透明度。
S330,获取所述至少一个局部添加图像在所述原始图像中的原始添加区域。
原始添加区域用于作为局部添加图像在原始图像中的显示位置和显示范围。
示例性的,局部添加图像为针对原始图像中待批改题目的批改结果匹配的图像,原始添加区域为该待批改题目匹配的设定区域范围内,例如,该设定区域范围可以是待批改题目所在区域,还可以是待批改题目最右侧区域,如待批改题目中答案的右侧。
局部添加图像是根据原始图像中的内容确定的,原始添加区域作为局部添加图像在原始图像中的添加位置,用于局部添加图像在原始添加区域匹配的位置处进行渲染显示,以实现在原始图像中添加局部添加图像的显示效果。
S340,根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域。
目标渲染区域用于渲染对应的局部添加图像。目标渲染区域的尺寸与对应的局部添加图像的尺寸相同。一个目标渲染区域用于渲染至少一个局部添加图像。通常,一个目标渲染区域用于渲染一个局部添加图像。
可以理解的是,第二图层的尺寸与第一图层的尺寸相同,由于原始图像的尺寸可以与第一图层的尺寸不同。原始添加区域在原始图像的位置范围实际与原始添加区域在第一图层的位置范围不同。需要确定原始图像在第一图层中的位置范围,并根据原始添加区域在原始图像中的位置范围,确定原始添加区域在第一图层的位置范围,也即确定原始添加区域在第二图层的位置范围,作为目标渲染区域。
S350,在所述目标渲染区域处,渲染所述至少一个局部添加图像。
在目标渲染区域中渲染局部添加图像,可以保证局部添加图像可以准确在原始图像中对应的原始添加区域处显示,从而准确显示局部添加图像。
可选的,根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域,包括:如果确定所述原始图像按照设定的缩放比例渲染于所述第一图层中,则根据所述缩放比例,确定与所述原始添加区域匹配的缩放后添加区域;根据所述缩放后添加区域,在所述第二图层中确定至少一个目标渲染区域。
其中,缩放添加区域用于确定渲染区域,缩放添加区域可以是指经过缩放后的原始添加区域,原始图像按照设定的缩放比例渲染于第一图层中,相应的,原始添加区域的位置和面积都会有变化。可以根据缩放比例在第一图层中确定匹配的缩放后添加区域,由于第一图层和第二图层相同,缩放添加区域映射在第二图层中形成至少一个目标渲染区域。其中,缩放后添加区域的面积等于原始添加区域的面积与缩放比例的乘积,缩放后添加区域在原始图像中的坐标位置等于原始添加区域的坐标位置与缩放比例的乘积。示例性的,可以用一个特征点的坐标位置表示原始添加区域的位置,正确结果的原始添加区域的位置范围为:correctPos:[{left,top,width,height}],缩放比例为a,缩放后添加区域在原始图像中的位置为{left*a,top*a},缩放后添加区域在原始图像中的宽和高分别为{width*a,height*a}。
示例性的,局部添加图像为对勾图像,,缩放后添加区域为待批改题目中答案的右侧区域。在缩放后添加区域匹配的目标渲染区域中渲染局部添加图像,形成待批改题目以及对勾图像的显示图像,表示该待批改题目的答案为正确答案。
通过根据原始图像的缩放比例,以及原始添加区域的位置,确定缩放后添加区域的位置,并进一步确定第二图层中目标渲染区域的位置,提高目标添加区域的位置的精确性,保证局部添加图像显示在原始图像中正确的位置处。
可选的,所述原始图像为包括有至少一项待批改题目的图像;所述局部添加图像为与所述原始图像中的待批改题目匹配的图像。
可选的,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,还包括:调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
S360,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
可选的,响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,包括:响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
本发明实施例通过生成透明图层作为第二图层覆盖在第一图层上,可以避免第二图层遮挡第一图层中渲染的图像进行显示,并确定局部添加图像的原始添加区域,对应找到第二图层中匹配的区域处,渲染局部添加图像,保证局部添加图像可以准确显示在原始图像的原始添加区域处,实现局部添加图像的正确显示。
实施例四
图5为本发明实施例四中的一种图片处理方法的流程图,本实施例以上述实施例为基础进行优化,所述方法通过浏览器实现,将响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,具体化为:响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层的CSS样式进行同步调整,以实现对所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。该方法具体包括:
S410,通过浏览器在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示。
在本实施例中,第一图层、原始图像、第一图像层、显示区域、第二图层、局部添加图像和缩放,和/或移动操作等可以参考上述实施例的描述。
可选的,在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示,包括:生成与所述显示区域的尺寸相匹配的所述第一图层;根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层;将所述第一图像层在所述显示区域内进行显示。
可选的,根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层,包括:当确定所述原始图像的宽高比大于等于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的宽度与所述显示区域的宽度相一致,并获取所述原始图像当前的第一缩放比例;将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层;或者当确定所述原始图像的宽高比小于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的高度与所述显示区域的高度相一致,并获取所述原始图像当前的第二缩放比例;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层。
可选的,将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第一缩放比例进行缩放处理后的图像,沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:将根据所述第二缩放比例进行缩放处理后的图像,沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
S420,通过浏览器在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示。
可选的,所述原始图像为包括有至少一项待批改题目的图像;所述局部添加图像为与所述原始图像中的待批改题目匹配的图像。
可选的,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,还包括:调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
可选的,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,包括:生成与所述第一图层的尺寸相匹配的设定透明度的图层,作为所述第二图层;获取所述至少一个局部添加图像在所述原始图像中的原始添加区域;根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域;在所述目标渲染区域处,渲染所述至少一个局部添加图像。
可选的,根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域,包括:如果确定所述原始图像按照设定的缩放比例渲染于所述第一图层中,则根据所述缩放比例,确定与所述原始添加区域匹配的缩放后添加区域;根据所述缩放后添加区域,在所述第二图层中确定至少一个目标渲染区域。
S430,通过浏览器响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层的CSS样式进行同步调整,以实现对所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
CSS样式是指层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
可以对第一图像层设置CSS样式,例如,transform:scale(val),val表示缩放比例,scale表示尺寸,可以实现等比例缩放第一图像层中渲染的图像。
同时对第二图像层设置CSS样式,例如,transform:scale(val),val表示缩放比例,scale表示尺寸,可以实现等比例缩放第二图像层中渲染的图像。
由此,实现第一图像层和第二图像层同步缩放。
分别设置第一图像层CSS样式和第二图像层CSS样式,例如transform:translate3d(ox+offset,oy+offset,0),表示在x和y轴上做对应移动,ox和oy表示当此移动结束后在x和y轴上的移动距离,初始默认值是0。
可选的,批改结果信息、与双指缩放操作匹配的操作数据,以及与单指移动操作匹配的操作数据中的一项或者多项,为JSON形式的数据。
其中,批改结果信息、与双指缩放操作匹配的操作数据,以及与单指移动操作匹配的操作数据均可以是JSON格式数据。此外,可以通过Javascript实现本发明任一所述的图片处理方法。
可选的,响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
本发明实施例通过浏览器生成两个图层,第一图层用于渲染原始图像形成第一图像层,第二图层用于渲染多个局部添加图像形成第二图像层,并同步对第一图像层和第二图像层进行同步缩放和/或移动处理,实现局部添加图像渲染在独立的图层中进行缩放和/或移动处理,避免直接绘制到原始图像进行尺寸调整导致分辨率下降的情况,从而提高局部添加图像的分辨率,以及局部添加图像的清晰度。
实施例五
图6是本发明实施例五中的一种图片处理装置的结构示意图,实施例五是实现本发明上述实施例提供的图片处理方法的相应装置,该装置可采用软件和/或硬件的方式实现,并一般可集成计算机设备中。如图6所示,所述装置具体包括:
第一图层绘制模块510,用于在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;
第二图层绘制模块520,用于在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
显示区域操作响应模块530,用于响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
本发明实施例通过在第一图像层中显示原始图像,在第二图像层中显示局部添加图像,并在显示区域中将第二图像层覆盖于第一图像层共同显示,形成原始图像中添加其他图像的显示效果,同时添加的图像不会改变原有原始图像的内容,而且,局部添加图像未直接绘制在原始图像上,避免直接绘制在原始图像导致分辨率降低的情况,同时在接收到针对显示区域的操作,对第一图像层和第二图像层进行同步操作,实现局部添加图像和原始图像同步响应用户操作,保证局部添加图像与原始图像为一个整体的显示效果,解决了现有技术中批改内容的图片在绘制之后分辨率下降以及随着原始图像放大分辨率进一步下降的问题,实现减小批改结果的分辨率降低的程度,从而提高批改结果的清晰度。
进一步的,所述第一图层绘制模块510,包括:第一图层生成单元,用于生成与所述显示区域的尺寸相匹配的所述第一图层;根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层;将所述第一图像层在所述显示区域内进行显示。
进一步的,所述第一图层生成单元,包括:宽高比调整子单元,用于当确定所述原始图像的宽高比大于等于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的宽度与所述显示区域的宽度相一致,并获取所述原始图像当前的缩放比例;根据所述当前的缩放比例对所述原始图像进行缩放处理后,将所述原始图像沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;或者当确定所述原始图像的宽高比小于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的高度与所述显示区域的高度相一致,并获取所述原始图像当前的缩放比例;根据所述当前的缩放比例对所述原始图像进行缩放处理后,将所述原始图像沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
进一步的,宽高比调整子单元,还用于将根据所述第一缩放比例进行缩放处理后的图像,沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;将根据所述第二缩放比例进行缩放处理后的图像,沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
进一步的,所述第二图层绘制模块520,包括:第二图层生成单元,用于生成与所述第一图层的尺寸相匹配的设定透明度的图层,作为所述第二图层;获取所述至少一个局部添加图像在所述原始图像中的原始添加区域;根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域;在所述目标渲染区域处,渲染所述至少一个局部添加图像。
进一步的,所述第二图层生成单元,包括:目标添加区域确定子单元,用于如果确定所述原始图像按照设定的缩放比例渲染于所述第一图层中,则根据所述缩放比例,确定与所述原始添加区域匹配的缩放后添加区域;根据所述缩放后添加区域,在所述第二图层中确定至少一个目标渲染区域。
进一步的,所述原始图像为包括有至少一项待批改题目的图像;所述局部添加图像为与所述原始图像中的待批改题目匹配的图像。
进一步的,图片处理装置,还包括:批改处理模块,用于在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
进一步的,所述显示区域操作响应模块530,包括:缩放移动处理单元,用于响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
进一步的,所述方法通过浏览器实现;所述显示区域操作响应模块530,包括:浏览器相应单元,用于响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层的CSS样式进行同步调整,以实现对所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
进一步的,所述批改结果信息、与所述双指缩放操作匹配的操作数据,以及与所述单指移动操作匹配的操作数据中的一项或者多项,为JSON形式的数据。
上述图片处理装置可执行本发明任意实施例所提供的图片处理方法,具备执行的图片处理方法相应的功能模块和有益效果。
实施例六
图7为本发明实施例六提供的一种计算机设备的结构示意图。图7示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图7显示的计算机设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,系统存储器28,连接不同系统组件(包括系统存储器28和处理单元16)的总线18。计算机设备12可以是挂接在总线上的设备。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture,ISA)总线,微通道体系结构(Micro Channel Architecture,MCA)总线,增强型ISA总线、视频电子标准协会(Video Electronics Standards Association,VESA)局域总线以及外围组件互连(Peripheral Component Interconnect,PCI)总线。
计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图7未显示,通常称为“硬盘驱动器”)。尽管图7中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如紧凑磁盘只读存储器(Compact Disc Read-Only Memory,CD-ROM),数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。系统存储器28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40,可以存储在例如系统存储器28中,这样的程序模块42包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该计算机设备12交互的设备通信,和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(Input/Output,I/O)接口22进行。并且,计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(Local AreaNetwork,LAN),广域网(Wide Area Network,WAN)通信。如图所示,网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白,尽管图7中未示出,可以结合计算机设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、(Redundant Arrays of Inexpensive Disks,RAID)系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明任意实施例所提供的一种图片处理方法。
也即,该程序被处理器执行时实现:在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;
在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
实施例七
本发明实施例七还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请所有发明实施例提供的图片处理方法:
在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;
在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像,并将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、只读存储器(Read OnlyMemory,ROM)、可擦式可编程只读存储器(Erasable Programmable Read Only Memory,EPROM)、闪存、光纤、便携式CD-ROM、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于——无线、电线、光缆、无线电频率(RadioFrequency,RF)等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括LAN或WAN——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (13)
1.一种图片处理方法,其特征在于,包括:
在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;其中,第一图像层的尺寸与显示区域相匹配;
生成与所述第一图层的尺寸相同的设定透明度的图层,作为第二图层;
获取至少一个局部添加图像在所述原始图像中的原始添加区域;
根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域;
在所述目标渲染区域处,渲染所述至少一个局部添加图像;
将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
2.根据权利要求1所述的方法,其特征在于,所述在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示,包括:
生成与所述显示区域的尺寸相匹配的所述第一图层;
根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层;
将所述第一图像层在所述显示区域内进行显示。
3.根据权利要求2所述的方法,其特征在于,所述根据所述原始图像的宽高比与所述显示区域的宽高比之间的关系,确定所述原始图像的缩放比例,并按照所述缩放比例,在所述第一图层中渲染所述原始图像,得到所述第一图像层,包括:
当确定所述原始图像的宽高比大于等于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的宽度与所述显示区域的宽度相一致,并获取所述原始图像当前的第一缩放比例;
将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层;
或者
当确定所述原始图像的宽高比小于所述显示区域的宽高比时,对所述原始图像进行缩放处理,直至所述原始图像的高度与所述显示区域的高度相一致,并获取所述原始图像当前的第二缩放比例;
将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层。
4.根据权利要求3所述的方法,其特征在于,所述将根据所述第一缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:
将根据所述第一缩放比例进行缩放处理后的图像,沿高度方向,居中渲染于所述第一图层中,得到所述第一图像层;
所述将根据所述第二缩放比例进行缩放处理后的图像,渲染于所述第一图层中,得到所述第一图像层,包括:
将根据所述第二缩放比例进行缩放处理后的图像,沿宽度方向,居中渲染于所述第一图层中,得到所述第一图像层。
5.根据权利要求1所述的方法,其特征在于,所述根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域,包括:
如果确定所述原始图像按照设定的缩放比例渲染于所述第一图层中,则根据所述缩放比例,确定与所述原始添加区域匹配的缩放后添加区域;
根据所述缩放后添加区域,在所述第二图层中确定至少一个目标渲染区域。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述原始图像为包括有至少一项待批改题目的图像;
所述局部添加图像为与所述原始图像中的待批改题目匹配的批改结果图像。
7.根据权利要求6所述的方法,其特征在于,在第二图层中渲染与所述原始图像匹配的至少一个局部添加图像之前,还包括:
调用题目批改服务对所述原始图像进行处理,获取与所述原始图像匹配的至少一项批改结果信息,以及,与批改结果信息对应的局部添加图像在所述原始图像中的原始添加区域;
其中,所述批改结果信息包括:批改结果图像的图像类型,和/或用于生成所述批改结果图像的批改内容。
8.根据权利要求7任一项所述的方法,其特征在于,所述响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,包括:
响应于针对所述显示区域的双指缩放操作,确定双指缩放比例,并根据所述双指缩放比例,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放处理;和/或
响应于针对所述显示区域的单指移动操作,确定水平移动距离,和/或垂直移动距离,并根据所述水平移动距离,和/或垂直移动距离,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的移动处理。
9.根据权利要求8所述的方法,其特征在于,所述方法通过浏览器实现;
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理,包括:
响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层的CSS样式进行同步调整,以实现对所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
10.根据权利要求9所述的方法,其特征在于,所述批改结果信息、与所述双指缩放操作匹配的操作数据,以及与所述单指移动操作匹配的操作数据中的一项或者多项,为JSON形式的数据。
11.一种图片处理装置,其特征在于,包括:
第一图层绘制模块,用于在第一图层中渲染原始图像,并将渲染得到的第一图像层在显示区域内进行显示;其中,第一图像层的尺寸与显示区域相匹配;
第二图层绘制模块,用于生成与所述第一图层的尺寸相同的设定透明度的图层,作为第二图层;获取至少一个局部添加图像在所述原始图像中的原始添加区域;根据所述原始添加区域,在所述第二图层中确定至少一个目标渲染区域;在所述目标渲染区域处,渲染所述至少一个局部添加图像;将渲染得到的第二图像层覆盖于所述第一图像层之上进行显示;
显示区域操作响应模块,用于响应于针对所述显示区域的缩放,和/或移动操作,对所述显示区域内的所述第一图像层以及所述第二图像层进行同步的缩放,和/或移动处理。
12.一种计算机设备,其特征在于,所述计算机设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-10中任一所述的图片处理方法。
13.一种存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一所述的图片处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910769703.3A CN110443772B (zh) | 2019-08-20 | 2019-08-20 | 图片处理方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910769703.3A CN110443772B (zh) | 2019-08-20 | 2019-08-20 | 图片处理方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110443772A CN110443772A (zh) | 2019-11-12 |
CN110443772B true CN110443772B (zh) | 2022-07-12 |
Family
ID=68436555
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910769703.3A Active CN110443772B (zh) | 2019-08-20 | 2019-08-20 | 图片处理方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110443772B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111258483B (zh) * | 2020-01-20 | 2021-06-15 | 北京无限光场科技有限公司 | 图像缩放显示方法、装置、计算机设备及可读介质 |
CN111696188B (zh) * | 2020-04-26 | 2023-10-03 | 杭州群核信息技术有限公司 | 渲染图快速光照编辑方法和装置、渲染方法 |
CN114466401B (zh) * | 2022-03-02 | 2024-03-22 | 北京新氧科技有限公司 | 图像传输方法和电子设备 |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5419822B2 (ja) * | 2010-07-23 | 2014-02-19 | 株式会社ソニー・コンピュータエンタテインメント | 画像処理装置、画像表示装置、画像処理方法、および画像ファイルのデータ構造 |
CN101930779B (zh) * | 2010-07-29 | 2012-02-29 | 华为终端有限公司 | 一种视频批注方法及视频播放器 |
CN102148632B (zh) * | 2011-03-25 | 2013-10-30 | 深圳创维数字技术股份有限公司 | 一种实现移动设备的交互方法、移动设备以及系统 |
CN103309568A (zh) * | 2012-03-14 | 2013-09-18 | 联想(北京)有限公司 | 一种电子文档批注方法、装置及终端设备 |
CN103019680B (zh) * | 2012-11-20 | 2016-01-13 | 东莞宇龙通信科技有限公司 | 移动终端和用于移动终端的应用图标显示方法 |
CN104714677A (zh) * | 2013-12-13 | 2015-06-17 | 联想(北京)有限公司 | 手势触控方法及手势触控装置 |
CN106155542B (zh) * | 2015-04-07 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 图片处理方法及装置 |
CN106468984A (zh) * | 2015-08-11 | 2017-03-01 | 阿里巴巴集团控股有限公司 | 一种物品关联图片快速预览的方法以及装置 |
CN108268520B (zh) * | 2016-12-30 | 2021-03-12 | 亿度慧达教育科技(北京)有限公司 | 课件的控制方法、装置及在线课程直播系统 |
CN107944959A (zh) * | 2017-11-27 | 2018-04-20 | 福建乐行道网络科技有限公司 | 一种在线定制设计仿真方法和移动终端 |
CN108830267A (zh) * | 2018-05-08 | 2018-11-16 | 苏州友教习亦教育科技有限公司 | 一种基于图像识别进行阅卷的方法及系统 |
CN109308155A (zh) * | 2018-08-21 | 2019-02-05 | 中国平安人寿保险股份有限公司 | 调整页面的方法、装置、计算机设备及存储介质 |
-
2019
- 2019-08-20 CN CN201910769703.3A patent/CN110443772B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN110443772A (zh) | 2019-11-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8463075B2 (en) | Dynamically resizing text area on a display device | |
CN110443772B (zh) | 图片处理方法、装置、计算机设备和存储介质 | |
US9792268B2 (en) | Zoomable web-based wall with natural user interface | |
US10645458B2 (en) | Enlargement of screen-capture recorded into a video recording during playback thereof | |
CN104574454B (zh) | 图像的处理方法及装置 | |
JP6698996B1 (ja) | 文字検出方法、読書補助装置及び媒体 | |
WO2021243788A1 (zh) | 屏幕截图方法及装置 | |
CN111783508A (zh) | 用于处理图像的方法和装置 | |
CN106484388B (zh) | 用户界面的实现方法和装置 | |
CN111223155B (zh) | 图像数据处理方法、装置、计算机设备和存储介质 | |
CN110728129B (zh) | 对图片中的文本内容进行排版的方法、装置、介质和设备 | |
CN113744830A (zh) | 一种报告生成方法、装置、电子设备及存储介质 | |
CN113918070B (zh) | 同步显示方法、装置、可读存储介质及电子设备 | |
JP6395160B2 (ja) | 電子表示装置の文書配置 | |
CN110647369A (zh) | 页面动态显示的方法、装置、移动终端及存储介质 | |
CN109739403B (zh) | 用于处理信息的方法和装置 | |
CN115619904A (zh) | 图像处理方法、装置及设备 | |
US20150054854A1 (en) | Image Cropping Manipulation Method and Portable Electronic Device | |
CN113096217B (zh) | 图片生成方法、装置、电子设备以及存储介质 | |
US20130321470A1 (en) | Apparatus and method for viewing an image that is larger than an area of a display device | |
CN112911367B (zh) | 视频播放界面的处理方法、装置和电子设备 | |
CN113805709A (zh) | 信息输入方法、装置 | |
CN108491139B (zh) | 一种对象固定方法、装置、终端设备及存储介质 | |
KR101430964B1 (ko) | 디스플레이 제어방법 | |
KR20170055906A (ko) | 정보처리 장치, 정보처리방법 및 기록매체 |
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 |