小试SVG之新手小白入门教程(3)

step2

<path d="M10 10 H 90 V 90" fill="none" stroke="blue"/>

step3

<path d="M10 10 H 90 V 90 H 10" fill="none" stroke="blue"/>

step4

<path d="M10 10 H 90 V 90 H 10 V 10" fill="none" stroke="blue"/>

上面的写法也可以通过一个指令来简写一下,这就用到了Z指令

Z:该指令的作用是从当前位置向起始点画出一条线段,它一般都被放置在一连串节点的末尾,并且不区分大小写。可以理解为”闭环“指令

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/370.html