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

时间:2014-05-03 04:44:23

标签: html5 svg

<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

d是否代表特别的东西?我无法通过谷歌找到任何东西。

2 个答案:

答案 0 :(得分:10)

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

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

答案 1 :(得分:1)

这个blog,Dashing d3js,对这部分SVG有一个非常好的介绍。

基本上,M告诉画布将笔放在特定位置。它不会从以前的任何地方吸引到那一点。 L告诉画布从最后到达给定坐标的任何地方绘制一条线。 Z告诉它停止绘画(拿起笔)。

但是,我还没有完全回答你的问题。 d是指<path>数据。 Mozilla很好地解释了here

相关问题