logo标签列表

SVG滤镜对于直线不起作用

svgsvg-filters
3
<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>

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

与梯度问题相同，但是针对滤波器而不是梯度。 - Robert Longson
4
只需在你的滤镜元素中添加 filterUnits="userSpaceOnUse"，并将 height="15" 更改为相应的值即可。 - Michael Mullany
1个回答
0
尝试替换部分并添加 style="stroke:rgb(255,0,0);stroke-width:2"。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接