Как в сформированный путь добавить линию?

Question

Формирую путь:

const line = d3.line()
  // .curve(d3.curveLinearClosed)
  .x(d => x_scale(d.x))
  .y(d => y_scale(d.y));

const path  = svg_DS.append('path')
  .datum(opt_points)
  .attr('fill', 'transparent')
  .attr('class','glass')
  .attr('d', line );

Храню данные об изменении фигуры так (массив):

[{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

Содержание объекта:

{
  x: 4
  y: 4
}

Соответственно, после какого либо изменения добавляется объект с координатами в массив. Проблема заключается в том, что линия дорисовывается без команды M (переместится). Как мне в D3, имея массив точек добавлять команду M ?

я в экзотических случаях ручками путь составляю — Stranger in the Q, Jun 17 '19 at 18:41
@StrangerintheQ, т.е. штаткой никак? Только костыли? — doox911, Jun 17 '19 at 18:45
я чесслово плохо понял что не так — Stranger in the Q, Jun 17 '19 at 18:54
@StrangerintheQ например, нарисовали мы квадрат, а потом кликнули на его границах, между точками надо дорисовать линию, в d тега path. Т.е. обновить d. Без d3 это делал примерно так: M0 0 L1 1 1 0 Z M10 10 L10 11 10 15 Z — doox911, Jun 17 '19 at 18:58
а как понять между какими точками добавлять? — Stranger in the Q, Jun 17 '19 at 19:01
Давайте продолжим обсуждение в чате. — doox911, Jun 17 '19 at 19:15
после изменения data заново вызовите .attr('d', line ); — Stranger in the Q, Jun 17 '19 at 21:34

Как в сформированный путь добавить линию?

0 Answers0