我们项目里有需要画矢量图的部分,所以我完成任务之后对矢量图做了一个小总结,因为我也是初次使用,所以也不是太明白,写下来对自己有所巩固且共勉。
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>