Как применить эффект box-shadow к кругу SVG, изменив элемент фильтра SVG на графике D3 - PullRequest
Новая
       23

Как применить эффект box-shadow к кругу SVG, изменив элемент фильтра SVG на графике D3

0 голосов
/ 12 апреля 2019

Я пытаюсь сделать кружок SVG с тенью на «D3-диаграмме», как этот код CSS: 

 box-shadow: 0 0 6px 1px rgba(35, 31, 32, 0.1);
 background-color: #ffffff;

Я поместил этот код в элемент фильтра SVG, но результат был не тот, чтоЯ думал, чтобы сделать.Кто-нибудь знает, как поставить?

Заранее спасибо.:)

1 Ответ

0 голосов
/ 12 апреля 2019

Вы можете использовать кружок SVG, как это: 

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="rgba(35, 31, 32, 0.1)" stroke-width="6" fill="#ffffff" stroke-opacity="0.1"/>
</svg>

Или: 

var svg = d3.select("body")
.append("svg")
.attr("width", 200)
.attr("height", 200);

var circle = svg.append("circle")
.attr("cx", 100)
.attr("cy", 100).
.attr("r", 50)
.style("fill", "#ffffff")
.style("stroke", "rgba(35, 31, 32, 0.1)")
.style("stroke-width", 6);

Это сработало для меня. Надеюсь, вам это тоже поможет :)

...