echarts自定义象形图，矢量图标

最新推荐文章于 2024-03-22 17:21:52 发布

_杀生丸_

最新推荐文章于 2024-03-22 17:21:52 发布

阅读量816

点赞数 1

文章标签： echarts

本文链接：https://blog.youkuaiyun.com/qq_44496641/article/details/109382423

版权

本文探讨了如何下载SVG格式的图片，并以文本方式打开，提取出'd'属性中的内容。文章详细解释了如何替换SVG路径数据，涉及到的坐标系统和路径命令。同时，讨论了在编辑过程中可能涉及的图形变换和矢量图像处理技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

下载svg格式图片，用文本方式打开，找到属性d的内容复制下来

在这里插入图片描述

替换路径

path://M912 512c-0.3 8.9-40.3 22.3-120 40l-146.7 13.3L552 592h-26.6L403.2 738.7h28.7c7.2 0 13.5 0.6 18.8 1.8 5.3 1.2 7.9 2.9 7.9 4.8s-2.6 3.5-7.9 4.8c-5.3 1.2-11.6 1.8-18.8 1.8H298.6v-13.3h26.6V565.3h-66.7l-80 93.3h-40l-13.3-13.3v-80h13.3V552H192v-3.3l-80-10v-53.4l80-10V472h-53.4v-13.3h-13.3v-80l13.3-13.3h40l80 93.3h66.7V285.3h-26.6V272H432c7.2 0 13.5 0.6 18.8 1.8 5.3 1.2 7.9 2.9 7.9 4.8s-2.6 3.5-7.9 4.8c-5.3 1.2-11.6 1.8-18.8 1.8h-28.7l122 146.8h26.6l93.3 26.6L791.9 472c35.6 7.8 63.4 15 83.3 21.6 20 6.7 31.1 11.4 33.3 14.2l3.5 4.2z