SVG路径元素是否支持提升笔?

时间:2018-03-07 04:13:40

标签: html svg

在SVG中有不同的命令,如移动笔,绘制线,绘制曲线等,如下所示:

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">

  <path d="M10 10 H 90 V 90 H 10 L 10 10"/>

</svg>

是否有一个命令抬起笔然后再将笔放下?例如,是否有单个SVG路径数据值可以绘制在单个路径元素内不相交的平行线?

关于MDN上SVG的更多信息。

1 个答案:

答案 0 :(得分:0)

感谢@RobertLongson指出这一点。

我可以多次使用移动。在这种情况下,它位于声明的中间。

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">

  <path d="M10 10 H 90 M 10 90 H 90" stroke="red"
  stroke-width="3" fill="none"/>

</svg>