SVG路径中的"d"代表什么意思?

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

d 代表特定的什么吗?我在谷歌上找不到任何信息。

2个回答

19

2
多年来一直在使用SVG,只是因为好奇来这里找出它代表什么。我猜“数据”就是它的意思,尽管我也见过有人称其为“描述”和“定义”。 - V. Rubinetti

4
  • d 指的是 <path> 数据。(mdn 链接
  • M 告诉画布在特定位置放下笔。它不会从先前的任何位置绘制到该点。
  • L 告诉画布从上一次结束的地方绘制一条线到给定坐标。
  • Z 告诉画布停止绘制(抬起笔)。

我在 Dashing d3js 上找到了关于 SVG 的这篇概述很有帮助。


d3博客链接失效了。如果可能的话,你知道最新的链接吗? - theprogrammer
1
@theprogrammer 已修复。 - royhowie

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接