SVG 在 Safari 中出现不需要的 alpha 遮罩行为

Answer 1

对此有一个（hacky）解决方法 - 但它确实有效。挑战在于让蒙版将其输入视为位图而不是重叠形状。您可以通过在形状组和蒙版之间的组上插入虚拟过滤器来让 Safari 来执行此操作。进行以下更改：

将其添加到您的 SVG defs 中：

<filter id="dummy-filter">
   <feColorMatrix type="saturate" values="1"/>
</filter>

并将绘图标记更改为：

<g id="combined" ... etc.
 <g filter="url(#dummy-filter)">
   <rect ... etc.
   <rect ... etc.
 </g>
</g>