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

前端之家收集整理的这篇文章主要介绍了xml – 如何降低svg过滤器中alpha层的不透明度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个标志作为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

原文链接:https://www.f2er.com/xml/293373.html

猜你在找的XML相关文章