一种图像绘制方法及设备技术

技术编号:14901833 阅读:92 留言:0更新日期:2017-03-29 17:10
本申请公开了一种图像绘制方法。首先确定待绘制图像相对于当前图像发生变化的图形,随后根据基础图形的位置信息以及图像中其他图形的位置信息确定完整图形,最终在基础图形以及图像中完整图形的面积内进行图形绘制,生成待绘制图像。从而减少了在绘制图像时需要重绘的内容,能够显著地加快绘图速度,提高图像处理效率。

【技术实现步骤摘要】

本申请涉及通信
,特别涉及一种图像绘制方法。本申请同时还设计一种图形处理设备。
技术介绍
随着互联网技术的不断发展,HTML5作为新兴标准正在以越来越快的速度替代目前的HTML4。HTML5包含丰富的元素和属性,它们都支持现行的HTML4.01版本规范,除此之外HTML5还引入了新元素和属性,它们适用许多使用web页面的领域——音频、视频、图形、数据存储以及内容呈现等。作为可视化技术的重要组成部分,网页绘图技术是一个新的HTML元素,其中HTML5canvas是一个原生HTML绘图簿,用于JavaScript代码,HTML5canvas元素可以被Script语言(通常是JavaScript)用来进行基础图形的工作,例如画图、合成图象、以及制作动画等。在使用Canvas元素进行绘图的过程中,有时需要在图像中各个原有图形的基础上重新进行绘制,此时若画面中已存在大量的图形,那么重绘一次图形不仅对于设备来说性能开销较大,而且也增加了绘图人员的工作量,从而导致画面无法流畅地进行显示。为了降低重绘图像所需的工作量,现有技术一般通过分析来尽量减少重绘区域。目前对于重绘问题所采用的方法均是擦本文档来自技高网...
一种<a href="http://www.xjishu.com/zhuanli/55/201510604525.html" title="一种图像绘制方法及设备原文来自X技术">图像绘制方法及设备</a>

【技术保护点】
一种图像绘制方法,其特征在于,包括:获取待绘制图像相对于当前的原始图像发生变化的图形,并将所述发生变化的图形作为待处理的基础图形,所述待绘制图像以及所述原始图像中均包含多个图形;根据所述基础图形在所述待绘制图像中的位置信息以及所述原始图像中除所述基础图形以外的其他图形的位置信息确定待处理的完整图形,所述完整图形包括所述原始图像中需要重新绘制的图形;在所述基础图形以及所述完整图形的面积内进行图形绘制,生成所述待绘制图像。

【技术特征摘要】
1.一种图像绘制方法,其特征在于,包括:获取待绘制图像相对于当前的原始图像发生变化的图形,并将所述发生变化的图形作为待处理的基础图形,所述待绘制图像以及所述原始图像中均包含多个图形;根据所述基础图形在所述待绘制图像中的位置信息以及所述原始图像中除所述基础图形以外的其他图形的位置信息确定待处理的完整图形,所述完整图形包括所述原始图像中需要重新绘制的图形;在所述基础图形以及所述完整图形的面积内进行图形绘制,生成所述待绘制图像。2.如权利要求l所述的方法,其特征在于,所述待绘制图像为所述原始图像在添加所述基础图形后的图像;或,所述待绘制图像为所述原始图像在删除所述基础图形后的图像;或,所述待绘制图像为所述原始图像中的基础图形在产生位移或形变后的图像。3.如权利要求2所述的方法,其特征在于,根据所述基础图形在所述待绘制图像中的位置信息以及所述原始图像中除所述基础图形以外的其他图形的位置信息确定待处理的完整图形,具体为:获取基础图形的位置信息以及与所述原始图像中的图形对应的图形链,所述图形链根据各所述图形之间的相交关系生成,由各所述图形的节点标识组成,各所述图形与所述节点标识一一对应;根据所述图形链与所述位置信息确定待绘制图像相对于所述原始图像发生变化的图形链。4.如权利要求3所述的方法,其特征在于,在所述基础图形以及所述完整图形的面积内进行图形绘制,具体为:根据所述原始图像、所述基础图形以及与所述发生变化的图形链相关联
\t的图形绘制所述待绘制图像。5.如权利要求3所述的方法,其特征在于,当所述待绘制图像为所述原始图像在添加所述基础图形后的图像时,根据所述图形链与所述位置信息确定待绘制图像相对于所述原始图像发生变化的图形链,具体为:根据所述位置信息判断所述基础图形是否与所述待绘制图像中的其他图形相交;若所述基础图形与所述待绘制图像中的其他图形不相交,根据所述基础图形生成新图形链,并将所述新图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链;若所述基础图形与所述待绘制图像中的其他图形相交,根据所述基础图形以及包含所述其他图形的节点标识的图形链生成新图形链,并将所述新图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链。6.如权利要求5所述的方法,其特征在于,根据所述基础图形以及包含所述其他图形的节点标识的图形链生成新图形链,具体为:将所述基础图形的节点标识分别插入当前与所述基础图形相交的其他图形所对应的图形链;判断所述基础图形是否同时与所述原始图像中的多个其他图形相交;若所述基础图形同时与所述原始图像中的多个其他图形相交,将当前包含所述基础图形的节点标识的图形链进行合并连接,并将合并连接后的图形链作为所述新图形链;若所述基础图形仅与所述原始图像中的一个其他图形相交,将当前包含所述基础图形的节点标识的图形链作为所述新图形链。7.如权利要求3所述的方法,其特征在于,当所述待绘制图像为所述原始图像在删除所述基础图形后的图像时,根据所述图形链与所述位置信息确定待绘制图像相对于所述原始图像发生变化的图形链,具体为:判断所述图形链在删除所述基础图形的节点标识后是否断裂为多个图形链;若所述图形链在删除所述节点标识后未断裂为多个图形链,将删除了所述节点标识后的图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链;若所述图形链在删除所述节点标识后断裂为多个图形链,且所述多个图形链直接无法合并连接,将所述多个图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链;若所述图形链在删除所述节点标识后断裂为多个图形链,且所述多个图形链能够合并连接,将所述多个图形链合并连接后的新图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链。8.如权利要求3所述的方法,其特征在于,当所述待绘制图像为所述原始图像中的基础图形在位移或形变后的图像时,根据所述图形链与所述位置信息确定待绘制图像相对于所述原始图像发生变化的图形链,具体为:根据包含所述基础图形的节点标识的图形链以及所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形之间相交关系生成第一图形链;根据所述第一图形链以及所述基础图形在位移或形变后与所述原始图像中当前未相交的其他图形之间相交关系生成第二图形链,并将所述第二图形链作为所述待绘制图像相对于所述原始图像发生变化的图形链。9.如权利要求8所述的方法,其特征在于,根据包含所述基础图形的节点标识的图形链以及所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形之间相交关系生成第一图形链,具体为:判断所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形是否仍然相交;若所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形仍然相交,将所述图形链作为所述第一图形链;若所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形不再相交,且图形链在删除所述节点标识后未断裂为多个图形链,将删除了所述节点标识后的图形链作为所述第一图形链;若所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形不再相交,且所述图形链在删除所述节点标识后断裂为多个无法合并连接的图形链,将所述多个图形链作为所述第一图形链;若所述基础图形在位移或形变后与所述原始图像中当前已相交的其他图形不再相交,且所述图形链在删除所述节点标识后断裂为多个能够合并连接的图形链,将所述多个图形链合并连接后的新图形链作为所述第一图形链。10.如权利要求8所述的方法,其特征在于,根据所述第一图形链以及所述基础图形在位移或形变后与所述原始图像中当前未相交的其他图形之间相交关系生成第二图形链,具体为:判断所述基础图形在位移或形变后与所述原始图像中当前未相交的其他图形是否相交;若所述基础图形在位移或形变后与所述原始图像中当前未相交的其他图形相交,根据所述基础图形、所述第一图形链以及包含所述其他图形的节点标识的图形链生成所述第二图形链;若所述基础图形在位移或形变后仍不与所述原始图像中当前未相交的其他图形相交,根据所述基础图形以及所述第一图形链生成所述第二图形链。11.如权利要求10所述的方法,其特征在于,根据所述基础图形、所述第一图形链以及包含所述其他图形的节点标识的图形链生成所述第二图形链,具体为:将所述第一图形链分别插入与所述其他图形对应的图形链;判断所述其他图形的数量是否大于一;若所述其他图形的数量大于一,将当前包含所述基础图形的节点标识的图形链进行合并连接,并将合并连接后的图形链作为所述第二图形链;若所述其他图形的数量仅为一,将当前包含所述基础图形的节点标识的图形链作为所述第二图形链。12.如权利要求3-11任一项所述的方法,其特征在于,根据所述原始图像、所述基础图形以及与所述发生变化的图形链相关联的图形绘制所述待绘制图像,具体为:将所述基础图形以及与所述发生变化的图形链相关联的图形作为待擦除图形;确定与所述待擦除图形对应的最小包围多边形;将所述最小包围多边形进行擦除,并根据所述基础图形位移或形变后各所述待擦除图形的位置绘制所述待绘制图像。13.一种图像绘制设备,其特征在于,包括:获取模块,获取待绘制图像相对于当前的原始图像发生变化的图形,并将所述发生变化的图形作为待处...

【专利技术属性】
技术研发人员:何文俊
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1