[发明专利]一种基于svg遮罩功能的齿轮模式数据展示方法以及装置有效
申请号: | 201910489478.8 | 申请日: | 2019-06-06 |
公开(公告)号: | CN110288685B | 公开(公告)日: | 2023-04-07 |
发明(设计)人: | 田乐;郑怀敏;刘强 | 申请(专利权)人: | 北京市天元网络技术股份有限公司 |
主分类号: | G06T13/80 | 分类号: | G06T13/80;G06T11/60 |
代理公司: | 暂无信息 | 代理人: | 暂无信息 |
地址: | 100193 北京市海淀区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | 本公开是关于一种基于svg遮罩功能的齿轮模式数据展示方法、装置、电子设备以及计算机可读存储介质。其中,该方法包括:根据效果图导出素材图片,所述素材图片为svg格式,包括高光层(light.svg),遮罩层(mask.svg),纹理层(Texture.svg),投影层(shadow.svg);使用mash元素定义遮罩层及g元素,并通过mark属性应用遮罩层对所述g元素实行遮罩效果;利用css3为遮罩层的g元素设置旋转动画参数,所述参数包括但不限于旋转发现、旋转速度;通过伪类和元素背景图的形式链接相应图片的方式添加高光层及投影层,实现基于svg遮罩功能的齿轮模式数据的展示。本公开通过基于svg遮罩功能的齿轮模式的展示,提高了有效数据在超大屏幕上进行展示效果,减少了展示计算负担。 | ||
搜索关键词: | 一种 基于 svg 功能 齿轮 模式 数据 展示 方法 以及 装置 | ||
【主权项】:
1.一种基于svg遮罩功能的齿轮模式数据展示方法,其特征在于,所述方法包括:素材图片预处理步骤,根据效果图导出素材图片,所述素材图片为svg格式,包括高光层(light.svg),遮罩层(mask.svg),纹理层(Texture.svg),投影层(shadow.svg);遮罩层定义应用步骤,使用mash元素定义遮罩层及g元素,并通过mark属性应用遮罩层对所述g元素实行遮罩效果;遮罩层动画设置步骤,利用css3为遮罩层的g元素设置旋转动画参数,所述参数包括但不限于旋转发现、旋转速度;高光层及投影层添加步骤,通过伪类和元素背景图的形式链接相应图片的方式添加高光层及投影层,实现基于svg遮罩功能的齿轮模式数据的展示。
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京市天元网络技术股份有限公司,未经北京市天元网络技术股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/patent/201910489478.8/,转载请声明来源钻瓜专利网。