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-mask 指定 CSS 属性，webkit 不能与嵌入在同一文件中的 svg 一起使用，jquery 中有没有办法在实际 html 代码之外定位元素？

非常感谢！

Ph

Answer 1

您不能将文档内的任何内容定位到文档之外。您可以做的可能是使用 include 语句使您的代码更漂亮一点或动态加载 svg。然后你可以使用 CSS 随意设置它的样式。