引用一个SVG文档中定义的掩码

Question

我有以下代码段。

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <pattern id="test-pattern"
            width="100%"
            height="20"
            patternUnits="userSpaceOnUse"
            patternTransform="rotate(-45)"
        >
            <rect x="0" y="0" width="100%" height="10" fill="white"></rect>
        </pattern>
        <mask id="test-mask">
            <rect x="0" y="0" width="100%" height="100%" fill="url(#test-pattern)"></rect>
        </mask>
    </defs>
</svg>

我想使用CSS在HTML页面中的另一个SVG文档中引用#test-mask：

.myStripedBar { mask: url(stripesTest.svg#test-mask); }

然而，这没有任何作用。仅在与#test-mask相同的SVG文档中.myStripedBar似乎有效。但是，该SVG文档是由外部进程动态生成的，并且存在多层API，这使得难以更改该SVG。

我做错了，还是这是SVG的限制？有解决方法吗？