Jquery在分离文件中定位SVG元素

Question

我正在尝试对视频应用svg过滤器，如果我使用带有-webkit-mask：url（mask.svg）属性的外部svg文件，它实际上适用于webkit。

问题是我想在掩码中定位一个元素来改变它的属性。如果我将svg代码放在与html相同的文件中，它可以顺利运行，但是Jquery无法访问mask.svg中html文档之外的元素。

因此，使用同一文件中的SVG和html，我可以使用

进行定位

var mask = $('#mask1 #group #circle')[0];

但由于webkit不能与嵌入在同一文件中的svg一起使用，因为webkit-mask指定了CSS属性，在jquery中有没有办法在实际的html代码之外定位元素？

非常感谢你！

PH

Answer 1

您无法在文档外部的文档中定位任何内容。你可以做的是使用include语句使你的代码更漂亮或者动态加载svg。从那里你可以使用CSS随意设置它。