d3 — gif не отображается в arc?

#javascript #d3.js

#javascript #d3.js

Вопрос:

Я борюсь со своим кодом и получаю gif для отображения на каждой из моих дуг, которые я нарисовал с помощью d3.js .

Допустим, у меня есть куча дуг на странице с классом ‘.arc’. Я выбираю их все, используя это:

    d3.selectAll('.arc')
  .append('svg:image')
  .attr("x", 0)
  .attr("y", 0)
  .style("top", 0)
  .attr('width', 200)
  .attr("height", 200)
  .style("z-index", 200)
  .attr("href", function (d) {
    return "snow-1.gif";
  })
  

Я вижу их в dom, они привязаны ко всем дугам, но они не видны на странице? Когда я использую инспектор, у них нет x или y и они даже не отображаются, несмотря на то, что находятся в HTML. Где я ошибаюсь?

Комментарии:

1. Можете ли вы попробовать поместить разные значения в кавычки .attr и style?

2. Я сделал, но никакой радости по этому поводу