矢量图--Inkscape

最新推荐文章于 2021-01-26 20:51:09 发布

瓜小胖的一生

最新推荐文章于 2021-01-26 20:51:09 发布

阅读量734

点赞数 1

文章标签：矢量图 Inkscape

本文链接：https://blog.csdn.net/kingcherry/article/details/95636908

版权

我们项目里有需要画矢量图的部分，所以我完成任务之后对矢量图做了一个小总结，因为我也是初次使用，所以也不是太明白，写下来对自己有所巩固且共勉。
1.所需工具：Inkscape 在评论区加了百度云链接

这个是我所使用的打开和绘制矢量图的软件，当然还有其他的工具选择，但是我这边只用了这一个工具。
2.选择绘制图片，画出来所对应的图并上色
因为是公司还没上市的产品，所以在这边就不展示了
3.打开绘制的图片，我用的notepad++，关联对应的规则ID，在这里我展示一部分示例代码

<g
     transform="matrix(1.384562,0,0,1.2693466,-139.57621,-97.414835)"
     id="DAID_01"><linearGradient
       id="linearGradient75"
       gradientUnits="userSpaceOnUse"
       x1="527.25781"
       y1="167.4333"
       x2="527.25781"
       y2="178.8009"><stop
         offset="0"
         style="stop-color:#AAAEB3"
         id="stop7079" /><stop
         offset="0.3177"
         style="stop-color:#D5D8DD"
         id="stop7081" /><stop
         offset="1"
         style="stop-color:#AAAEB3"
         id="stop703" /></linearGradient><path
       stroke-miterlimit="10"
       d="m 529,167.4 c -2.8,0 -5.2,1.9 -5.8,4.4 H 521 c -0.8,0 -1.4,0.6 -1.4,1.4 0,0.8 0.6,1.4 1.4,1.4 h 2.3 c 0.7,2.4 3,4.1 5.7,4.1 3.3,0 5.9,-2.5 5.9,-5.7 0,-3.2 -2.6,-5.6 -5.9,-5.6 z"
       id="path5564"
       inkscape:connector-curvature="0"
       style="fill:url(#SVGID_39_);stroke:#000000;stroke-width:0.25;stroke-miterlimit:10" /></g>