attr("d", path) 是什么意思？

Question

我试图在官方网站上找到关于 'd'... 也许，它与 D3 无关.... 与 javascript、css、svg、html.....

更多相关

attr("d",路径)是什么意思？

.....................
var areas = group.append("path")
    .attr("d", path)
    .attr("class", "area")
    .attr("fill", "steelblue");

d3中的d有什么不同吗？

.style({
    'font-size':'18px',
    'padding':'6px',
    'margin':'4px',
    'list-style':'none',
    'background':function(d){
      return d.background;
    },
    'color':function(d){
      return d.color;
    },
    'width':function(d){
      return d.width+'%';
    }
  });

Answer 1

svg 元素的 d 属性定义 SVG Path Mini-Language 中 svg 的形状。可在以下链接中找到此语言的参考。

SVG Path Example

The shape of an SVG Path element is defined by one attribute: d.

This attribute, d, contains a series of commands and parameters in the SVG Path Mini-Language.

These commands and parameters are a sequential set of instructions for how to "move the pen over the paper".

参考：Dashing D3js & SVG Paths

和 MDN：

The d attribute defines a path to be drawn.

A path definition is a list of path commands where each command is composed of a command letter and numbers that represent the command parameters. The commands are detailed below.

参考：d - SVG: Scalable Vector Graphics | MDN 路径命令：SVG Path Commands | MDN

attr("d", path) 是什么意思？

What is the meaning of attr("d", path)?

javascript

d3.js

attr