Question

我做了一个 -SVG投影和a -SVG面具

面具全是白色的，所以不应该对我们看到的东西产生影响。

有什么问题？以下是比较两种情况的小提琴：http://jsfiddle.net/LMH3X/

// JUST FILTER ----> it works
svg.append("image")
.attr("xlink:href", "someJpeg.jpeg")
.attr("...", "...")
.style("filter","url(#drop-shadow)");

// FILTER AND MASK ----> it does not work
svg.append("image")
.attr("xlink:href", "someJpeg.jpeg")
.attr("...", "...")
.style("filter","url(#drop-shadow)") 
.attr("mask","url(#mask1)");

我感谢任何提示！

Answer 1

您需要将maskUnits属性设置为"userSpaceOnUse"，因为这将使用您的x，y，width和{{1}作为价值观。

我不是SVG专家，因此我无法完全解释其工作原理。但是如果你没有指定它，它默认使用元素的边界框。

Here's a fiddle显示及以下是相关代码：

height

SVG蒙版破坏SVG阴影（包括小提琴）

1 个答案: