[发明专利]基于canvas元素的路径虚化方法及装置有效
申请号: | 201810259338.7 | 申请日: | 2018-03-27 |
公开(公告)号: | CN110569453B | 公开(公告)日: | 2021-10-15 |
发明(设计)人: | 彭宇杰 | 申请(专利权)人: | 阿里巴巴(中国)有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958 |
代理公司: | 北京智信禾专利代理有限公司 11637 | 代理人: | 李晓庆 |
地址: | 310052 浙江省杭州市滨江*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 canvas 元素 路径 方法 装置 | ||
1.一种基于canvas元素的路径虚化方法,其特征在于,包括:
获取canvas元素的画布中待处理路径的宽度;
根据所述待处理路径的宽度,确定所述待处理路径对应的虚化宽度;
确定所述待处理路径对应的虚化路径中子路径的总层数;
根据所述虚化宽度和所述总层数,确定所述虚化路径中各层子路径的宽度;
根据所述总层数,确定所述各层子路径的透明度;
叠加所述各层子路径,得到所述虚化路径。
2.根据权利要求1所述的方法,其特征在于,根据所述待处理路径的宽度,确定所述待处理路径对应的虚化宽度,包括:
根据所述待处理路径对应的画笔硬度,确定所述虚化路径中的第一层子路径的宽度;
根据所述待处理路径的宽度,以及所述第一层子路径的宽度,确定所述待处理路径对应的虚化宽度。
3.根据权利要求2所述的方法,其特征在于,根据所述待处理路径的宽度,以及所述第一层子路径的宽度,确定所述待处理路径对应的虚化宽度,包括:
计算所述待处理路径的宽度与所述第一层子路径的宽度的第一差值;
将所述第一差值与第一系数的乘积确定为所述待处理路径对应的虚化宽度。
4.根据权利要求1所述的方法,其特征在于,确定所述待处理路径对应的虚化路径中子路径的总层数,包括:
根据所述待处理路径对应的虚化宽度,以及所述虚化路径中相邻两层子路径的宽度差,确定所述待处理路径对应的总层数。
5.根据权利要求1所述的方法,其特征在于,根据所述总层数,确定所述各层子路径的透明度,包括:
根据第一层子路径的透明度以及所述总层数,确定第i层子路径与第i+1层子路径叠加后的透明度,其中,i为正整数;
根据所述第i层子路径与所述第i+1层子路径叠加后的透明度,以及所述第i层子路径的透明度,确定所述第i+1层子路径的透明度。
6.根据权利要求5所述的方法,其特征在于,根据所述第一层子路径的透明度以及所述总层数,确定第i层子路径与第i+1层子路径叠加后的透明度,包括:
采用式1确定所述第i层子路径与所述第i+1层子路径叠加后的透明度Ci(i+1),
其中,G表示所述第一层子路径的透明度,G大于或等于0且小于1,D表示所述总层数。
7.根据权利要求5或6所述的方法,其特征在于,根据所述第i层子路径与所述第i+1层子路径叠加后的透明度,以及所述第i层子路径的透明度,确定所述第i+1层子路径的透明度,包括:
根据Ci(i+1)=1-(1-Ai)(1-Ai+1),确定所述第i+1层子路径的透明度Ai+1,其中,Ci(i+1)表示所述第i层子路径与所述第i+1层子路径叠加后的透明度,Ai表示所述第i层子路径的透明度。
8.一种基于canvas元素的路径虚化装置,其特征在于,包括:
获取模块,用于获取canvas元素的画布中待处理路径的宽度;
第一确定模块,用于根据所述待处理路径的宽度,确定所述待处理路径对应的虚化宽度;
第二确定模块,用于确定所述待处理路径对应的虚化路径中子路径的总层数;
第三确定模块,用于根据所述虚化宽度和所述总层数,确定所述虚化路径中各层子路径的宽度;
第四确定模块,用于根据所述总层数,确定所述各层子路径的透明度;
叠加模块,用于叠加所述各层子路径,得到所述虚化路径。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴(中国)有限公司,未经阿里巴巴(中国)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810259338.7/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种对象抓取方法
- 下一篇:一种条目的处理方法及电子终端