openFL绘制矢量图形的处理方法、装置及电子设备制造方法及图纸

技术编号:24461050 阅读:51 留言:0更新日期:2020-06-10 17:01
本发明专利技术提供了一种openFL绘制矢量图形的处理方法、装置及电子设备,涉及计算机技术领域,该方法包括当检测到用户触发的绘制命令时,通过openFL解析绘制命令获取矢量图的图形信息;矢量图的图形信息包括构成矢量图的路径点;基于矢量图的路径点,通过openFL将矢量图进行三角化,得到矢量图的多个三角面;通过预设的开放图形库对矢量图的多个三角面进行渲染。本发明专利技术通过openFL代替flash进行绘制矢量图形的处理,有效提高了openFL在绘制矢量图形时的处理效率,同时减少了内存消耗。

Processing method, device and electronic equipment of openfl drawing vector graphics

【技术实现步骤摘要】
openFL绘制矢量图形的处理方法、装置及电子设备
本专利技术涉及计算机
,尤其是涉及一种openFL绘制矢量图形的处理方法、装置及电子设备。
技术介绍
在定制家居软件时,用户界面UI会用到圆角按钮和SVG控件,在家居软件的铺砖业务功能时用到的异型砖块和水刀切割图形砖块,这些复杂的2D绘制功能都依赖于flash矢量图形绘制接口。但是如果要在web上面脱离flash,改成html5或者WebAssembly,并且把平台扩充到桌面跨平台,需要通过openFL进行替代。但现有openFL使用的cario库渲染是通过CPU算法写入位图像素实现的,但用户来回缩放2D场景时需要重复申请新的位图并在新申请的位图上绘制图形,造成内存消耗较大的情况,另外,当位图很大或者绘制图形过多时,在进行绘制计算时会很耗时,从而在缩放操作时造成明显的卡顿。
技术实现思路
本专利技术的目的在于提供一种openFL绘制矢量图形的处理方法、装置及电子设备,以缓解了在运用openFL代替flash时,在绘制计算时耗时较大及内存占用较多的技术问题。第一本文档来自技高网...

【技术保护点】
1.一种openFL绘制矢量图形的处理方法,其特征在于,所述方法包括:/n当检测到用户触发的绘制命令时,通过所述openFL解析所述绘制命令获取矢量图的图形信息;所述矢量图的图形信息包括构成所述矢量图的路径点;/n基于所述矢量图的路径点,通过所述openFL将所述矢量图进行三角化,得到所述矢量图的多个三角面;/n通过预设的开放图形库对所述矢量图的多个三角面进行渲染。/n

【技术特征摘要】
1.一种openFL绘制矢量图形的处理方法,其特征在于,所述方法包括:
当检测到用户触发的绘制命令时,通过所述openFL解析所述绘制命令获取矢量图的图形信息;所述矢量图的图形信息包括构成所述矢量图的路径点;
基于所述矢量图的路径点,通过所述openFL将所述矢量图进行三角化,得到所述矢量图的多个三角面;
通过预设的开放图形库对所述矢量图的多个三角面进行渲染。


2.根据权利要求1所述的方法,其特征在于,所述矢量图的图形信息存放于所述预设的开放图形库的Graphics类中;所述当检测到用户触发的绘制命令时,通过所述openFL解析所述绘制命令获取矢量图的图形信息的步骤,包括:
当检测到用户触发的绘制命令时,通过所述openFL解析所述绘制命令,从而获取所述预设的开放图形库的Graphics类中的所述矢量图的图形信息。


3.根据权利要求1所述的方法,其特征在于,所述矢量图包括曲线图形;所述方法还包括:
基于三次贝塞尔曲线方程将所述曲线图形进行分割得到多段直线,以使所述openFL基于每段所述直线的端点对所述矢量图进行三角化。


4.根据权利要求1所述的方法,其特征在于,所述矢量图包括凸多边形、凹多边形或自交多边形;所述基于所述矢量图的路径点,通过所述openFL将所述矢量图进行三角化,得到所述矢量图的多个三角面的步骤,包括:
如果所述矢量图为所述凸多边形,基于所述凸多边形的路径点,通过所述openFL得到多个所述三角面;
如果所述矢量图为所述凹多边形,基于耳切法进行三角化,通过所述openFL得到多个所述三角面;
如果所述矢量图为所述自交多边形,按照奇偶规则或非零缠绕规则进行三角化,通过所述openFL得到多个所述三角面。


5.根据权利要求1所述的方法,其特征在于,所述矢量图的图形信息还包括用户设置的所述矢量图的填充颜色;所述通过预设的开放图形库对所述矢量图的多个三角面进行渲染的步骤,包括:
计算所述矢量图的每个所述三角面的顶...

【专利技术属性】
技术研发人员:陈勇星邱辉平
申请(专利权)人:广东三维家信息科技有限公司
类型:发明
国别省市:广东;44

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

1