Создать прямоугольник с размытым штрихом в SVG с помощью d3.js - PullRequest
Новая
       37

Создать прямоугольник с размытым штрихом в SVG с помощью d3.js

0 голосов
/ 31 мая 2018

Как я могу создать rect с размытым штрихом в svg, используя d3.js?

Или хотя бы обычную svg разметку.

Я не смогнайти такой пример или решение проблемы.Если вы скажете мне, что это дубликат, и зададите аналогичный вопрос, я с удовольствием удалю этот.Но я почти уверен, что это не дубликат.

1 Ответ

0 голосов
/ 31 мая 2018

Возможно, вы захотите взглянуть на эту статью "Добавление легкого свечения в ваши визуализации d3.js"

Если вы хотите сделать это вручную, вы можете использовать feGaussianBlurфильтр, больше информации здесь: feGaussianBlur

От Mozilla Разработчик: 

<svg width="230" height="120"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">

  <filter id="blurMe">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
  </filter>

  <circle cx="60"  cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green"
          filter="url(#blurMe)" />
</svg>
...