Что означает attr («d», путь)? - PullRequest
Новая
       10

Что означает attr («d», путь)?

0 голосов
/ 17 ноября 2018

Я пытался найти информацию о 'd' на официальном сайте ... Может быть, это не связано с D3 .... связанные больше с javascript, css, svg, html ....

Что означает attr ("d", путь)? 

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

Отличается ли d в d3? 

.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+'%';
    }
  });

1 Ответ

0 голосов
/ 17 ноября 2018

Атрибут d элемента svg определяет форму svg в SVG Path Mini-Language . Ссылку на этот язык можно найти по следующим ссылкам.

Пример пути SVG

Форма элемента Path SVG определяется одним атрибутом: d.

Этот атрибут, d, содержит ряд команд и параметров в SVG Path Mini-Language.

Эти команды и параметры представляют собой последовательный набор инструкций для как "переместить ручку по бумаге".

Ссылка: Лихие D3js & SVG Paths

и MDN:

Атрибут d определяет путь для рисования.

Определение пути - это список команд пути, где каждая команда состоит из буквы команды и цифр, которые представляют команду параметры. Команды подробно описаны ниже.

Ref: d - SVG: Масштабируемая векторная графика | MDN Команды пути: Команды пути SVG | MDN

...