SVG湍流过滤器覆盖遮罩
SVG湍流过滤器覆盖遮罩
提问于 2020-12-13 15:07:48
我有一个简单的SVG元素(一个圆)，并应用了湍流和位移图过滤器，以创建水的效果。我还应用了一个遮罩，它隐藏了形状的一部分。问题是:即使在蒙版的黑色区域中，形状的部分仍然显示:过滤器导致图像在某些区域扩展到其正常边界之外，而这些区域甚至出现在应该被蒙版的区域中。此问题仅存在于Chrome和Chromium中，而不存在于Firefox中。这个问题可以在操作here中看到。问题中的对象是底部的红色圆圈-滤镜扭曲并扩展了它，这个扩展的区域甚至显示在应该被遮罩的区域(屏幕的上半部分)。
回答 1
Stack Overflow用户
发布于 2021-01-05 11:14:20
我不能完全确定这是否是你遇到问题的原因--但是默认的过滤区域是x= -10% width= 120% --所以你在口罩外面看到的溢出不是bug，而是默认行为。
将过滤器元素更改为：
<filter x="0%" y=0%" width="100%" height="100% .. etc. 看看你是否得到了你想要的行为。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65273211
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号