[发明专利]在网页上显示矢量图形的方法、装置、电子设备及存储介质在审
申请号: | 201910703710.3 | 申请日: | 2019-07-31 |
公开(公告)号: | CN112307391A | 公开(公告)日: | 2021-02-02 |
发明(设计)人: | 宋辉 | 申请(专利权)人: | 北京金山云网络技术有限公司;北京金山云科技有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/957;G06F16/583 |
代理公司: | 北京柏杉松知识产权代理事务所(普通合伙) 11413 | 代理人: | 项京;丁芸 |
地址: | 100085 北京*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 显示 矢量 图形 方法 装置 电子设备 存储 介质 | ||
1.一种在网页上显示矢量图形的方法,其特征在于,所述方法,包括:
获取目标矢量图形对应的矢量图形信息文件,所述矢量图形信息文件中包括所述目标矢量图形对应的坐标信息;
从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息;
根据所述提取的所述目标矢量图形的坐标信息,形成矢量图形文件;
将所述矢量图形文件发送至用户端设备,以使所述用户端设备执行所述矢量图形文件,从而按照所述目标矢量图形的坐标信息在网页中显示所述目标矢量图形。
2.根据权利要求1所述的方法,其特征在于,所述矢量图形信息文件是在预设的矢量绘图软件中绘制所述目标矢量图形时生成并导出的、与所述目标矢量图形对应的矢量图形信息文件;
所述从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息包括:
从所述导出的目标矢量图形信息文件中,获取具有预设标记符的信息,所述具有预设标记符的信息为目标矢量图形对应的坐标信息。
3.根据权利要求1所述的方法,其特征在于,所述目标矢量图形为具有多个路径且所述多个路径具有绘制顺序的矢量路径图形;
所述从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息包括:
从所述矢量图形信息文件中按照所述多个路径的绘制顺序提取各所述路径对应的对应的坐标信息;
所述根据所述提取的所述目标矢量图形的坐标信息,形成矢量图形文件中包括:
根据所述提取的所述路径对应的坐标信息和所述多个路径对应的坐标信息的提取顺序,形成矢量图形文件中,以使所述用户端设备能够按照所述多个路径的绘制顺序依次显示每个所述路径。
4.根据权利要求1所述的方法,其特征在于,所述矢量图形文件为可伸缩性矢量图形SVG格式的矢量图形文件;
所述根据所述提取的所述目标矢量图形的坐标信息,形成矢量图形文件包括:
根据所述提取的所述目标矢量图形的坐标信息,设置SVG属性中的实线绘制起点位置属性的属性值,以形成SVG格式的矢量图形文件。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
接收用户输入的、所述目标矢量图形的图案范式配置信息,根据所述配置信息配置SVG属性中的图案范式属性的属性值,以形成SVG格式的矢量图形文件。
6.一种在网页上显示矢量图形的装置,其特征在于,所述装置,包括:
获取模块,用于获取目标矢量图形对应的矢量图形信息文件,所述矢量图形信息文件中包括所述目标矢量图形对应的坐标信息;
提取模块,用于从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息;
文件形成模块,用于根据所述提取的所述目标矢量图形的坐标信息,形成矢量图形文件;
发送模块,用于将所述矢量图形文件发送至用户端设备,以使所述用户端设备执行所述矢量图形文件,从而按照所述目标矢量图形的坐标信息在网页中显示所述目标矢量图形。
7.根据权利要求6所述的装置,其特征在于,所述矢量图形信息文件是在预设的矢量绘图软件中绘制所述目标矢量图形时生成并导出的、与所述目标矢量图形对应的矢量图形信息文件;
所述提取模块,具体用于从所述导出的目标矢量图形信息文件中,获取具有预设标记符的信息,所述具有预设标记符的信息为目标矢量图形对应的坐标信息。
8.根据权利要求6所述的装置,其特征在于,所述目标矢量图形为具有多个路径且所述多个路径具有绘制顺序的矢量路径图形;
所述提取模块,具体用于从所述矢量图形信息文件中按照所述多个路径的绘制顺序提取各所述路径对应的对应的坐标信息;
所述文件形成模块,具体用于根据所述提取的所述路径对应的坐标信息和所述多个路径对应的坐标信息的提取顺序,形成矢量图形文件中,以使所述用户端设备能够按照所述多个路径的绘制顺序依次显示每个所述路径。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京金山云网络技术有限公司;北京金山云科技有限公司,未经北京金山云网络技术有限公司;北京金山云科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910703710.3/1.html,转载请声明来源钻瓜专利网。