[发明专利]一种使用多重滤镜实现SVG的辉光效果的方法在审
| 申请号： | 202310089188.0 | 申请日： | 2023-01-17 |
| 公开（公告）号： | CN116048469A | 公开（公告）日： | 2023-05-02 |
| 发明（设计）人： | 王健;邹琼;周双全 | 申请（专利权）人： | 深圳市瑞云科技股份有限公司 |
| 主分类号： | G06F8/20 | 分类号： | G06F8/20 |
| 代理公司： | 深圳市中科创为专利代理有限公司 44384 | 代理人： | 徐方星;冯建华 |
| 地址： | 518000 广东省深圳市南山*** | 国省代码： | 广东;44 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 一种 使用 多重 滤镜 实现 svg 辉光 效果 方法 | ||
1.一种使用多重滤镜实现SVG的辉光效果的方法，其特征在于，基于浏览器的svg元素的defs元素的filter元素，包括以下步骤：
S1：定义若干高斯模糊滤镜，高斯模糊滤镜的原始输入属性均设置为SourceGraphic，即表示将图形自身作为filter原语的原始输入；高斯模糊滤镜的模糊量属性在不同的高斯模糊滤镜内分别设置若干个互不相等的整数值；使用滤镜分配名属性为不同的高斯模糊滤镜分别设置不同的滤镜分配名blur-N；
S2：使用合并滤镜feMerge，通过其子元素feMergeNode将除了模糊量最小的一个高斯模糊滤镜外的其它所有高斯模糊滤镜拿到并放入滤镜原始输入属性，并给回合并滤镜进行合并；合并后再设置一个滤镜分配名blur-merged；
S3：使用RGBA颜色转换矩阵滤镜，设置矩阵滤镜原始输入属性为blur-merged，设置类型属性type为matrix，设置矩阵滤镜的矩阵值values；设置一个滤镜分配名color-blur；
S4：再次使用合并滤镜，将之前模糊值最小的高斯模糊滤镜与color-blur滤镜、图形自身的原始输入属性SourceGraphic进行合并；
S5：filter元素设置属性id值为color-glow，作为导出后的辉光滤镜，应用到所需的svg元素上。
2.根据权利要求1所述的一种使用多重滤镜实现SVG的辉光效果的方法，其特征在于，模糊值最小的高息模糊滤镜为白光滤镜。
3.根据权利要求1所述的一种使用多重滤镜实现SVG的辉光效果的方法，其特征在于，所述color-blur、color-glow中的color为实际需要的颜色。
4.根据权利要求1所述的一种使用多重滤镜实现SVG的辉光效果的方法，其特征在于，所述blur-N中的N为自然数。
5.根据权利要求1所述的一种使用多重滤镜实现SVG的辉光效果的方法，其特征在于，所述矩阵滤镜为4*5的矩阵，矩阵的数值为-255至255之间的数值。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于深圳市瑞云科技股份有限公司，未经深圳市瑞云科技股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/202310089188.0/1.html，转载请声明来源钻瓜专利网。
