在svg路径中d意味着什么?

geo*_*yws 7 html5 svg

<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>
Run Code Online (Sandbox Code Playgroud)

d特别代表什么?我无法通过谷歌找到任何东西.

Shm*_*wel 11

d是路径数据.形状轮廓的定义.

参考:http://www.w3.org/TR/SVG/paths.html#PathData

  • 使用 SVG 多年,只是来这里了解它代表什么,因为我很好奇。我猜_data_就是它,尽管我也看到人们称它为_description_和_definition_。 (2认同)

roy*_*wie 5

  • d指的是<path>数据。(MDN 链接
  • M告诉画布将笔放在特定位置。它不会从之前的任何地方吸引到那个点。
  • L告诉画布从最后的位置到给定的坐标绘制一条线。
  • Z告诉画布停止绘图(拿起笔)。

我发现Dashing d3js 关于 SVG 的概述很有帮助。