Question

我试图在官方网站上找到有关'd'的信息... 也许，它与D3不相关... 与javascript，css，svg，html相关。...

attr（“ d”，path）是什么意思？

.....................
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

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

SVG路径示例

SVG Path元素的形状由一个属性d定义。

此属性d包含以下内容中的一系列命令和参数：   SVG路径迷你语言。

这些命令和参数是一组顺序的指令，用于   如何“将笔移到纸上”。

参考：Dashing D3js & SVG Paths

和MDN：

d属性定义要绘制的路径。

路径定义是路径命令的列表，其中每个命令是   由命令字母和代表命令的数字组成   参数。命令详细说明如下。

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

attr（“ d”，path）是什么意思？

1 个答案: