当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《如何降低svg过滤器中alpha层的不透明度?》经验,为你挑选了2个好方法。

我正在尝试创建一个徽标作为SVG.我从Illustrator导出文件.徽标上有一个投影.我正在查看XML,我找到了过滤器节点





    
    

有没有办法改变offsetBlurredAlpha生成的alpha?我不希望它以纯黑色开始我希望它以50%黑色开始,以便阴影效果在物体周围足够轻.



1> Erik Dahlstr..:

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


   
  
  
    
  
   
    
     
  

这里可以看到一个实例.



2> Randy Hudson..:

一种方法是简单地使用opacity: 0.5。为此,不要创建将阴影与原始源合并在顶部的过滤器,而为该阴影创建过滤器,然后将其应用于引用源形状的标签。

这种方法还有其他优点。例如,现在您可以仅对阴影应用单独的样式。

#arrow-shadow {
	opacity:0.5;
}
g:hover #arrow-shadow {
	opacity:0.7;
}

	
		
			 
			
		
	
	
		
		
		
	
推荐阅读
小白也坚强_177
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有