xml – 如何降低svg过滤器中alpha层的不透明度？

发布时间：2020-12-16 08:03:30 所属栏目：百科来源：网络整理

导读：我正在尝试创建一个标志作为SVG。我从Illustrator导出文件。标志上有一个阴影。我正在透过XML查找过滤器节点 filter filterUnits="objectBoundingBox" width="200%" height="160%" x="-15%" y="-15%" id="AI_Shadow_2"feGaussianBlur stdDeviation="2" resul

我正在尝试创建一个标志作为SVG。我从Illustrator导出文件。标志上有一个阴影。我正在透过XML查找过滤器节点

<filter  filterUnits="objectBoundingBox" width="200%" height="160%" x="-15%" y="-15%" id="AI_Shadow_2">
<feGaussianBlur  stdDeviation="2" result="blur" in="SourceAlpha"></feGaussianBlur>
<feOffset  result="offsetBlurredAlpha" in="blur" dy="0" dx="0"></feOffset>
<feMerge>
    <feMergeNode  in="offsetBlurredAlpha"></feMergeNode>
    <feMergeNode  in="SourceGraphic"></feMergeNode>
</feMerge>

有没有办法改变offsetBlurredAlpha生成的alpha？我不希望它以纯黑色开始，我希望它以50％的黑色开始，使阴影效果在物体周围很轻。

一种方法是添加一个feComponentTransfer过滤器原语，如下所示：

<filter id="dropshadow">
  <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> 
  <feOffset dx="2" dy="2"/>
  <feComponentTransfer>
    <feFuncA type="linear" slope="0.2"/>
  </feComponentTransfer>
  <feMerge> 
    <feMergeNode/>
    <feMergeNode in="SourceGraphic"/> 
  </feMerge>
</filter>

一个现实的例子可以看出here。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!