Question

<svg height="210" width="500">
  <defs xmlns="http://www.w3.org/2000/svg">
    <filter id="dropshadow" height="130%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
      <feOffset dx="2" dy="2" result="offsetblur" />
      <feMerge>
        <feMergeNode/>
        <feMergeNode in="SourceGraphic" />
      </feMerge>
    </filter>
  </defs>
  <line x1="0" y1="100" x2="200" y2="100" style="stroke:rgb(255,100,90);stroke-width:3px" filter="url(#dropshadow)" />
</svg>

我试图在直线上使用阴影，但它隐藏了线条本身。如果我使用对角线，它可以正常工作。

Answer 1

尝试更换部件并放置style="stroke:rgb(255,0,0);stroke-width:2"

SVG过滤器对于直线不能正常工作

1 个答案: