我有一个大元素,包括 SVG 嵌入元素(外部文件)。我想在 a:hover 上更改其填充颜色。你会如何处理它?它真的让我发疯:)
我认为应该起作用的是:
$("a#title").hover(function() {
$("svg#logo").attr('fill','#f0f');
});
我有一个大元素,包括 SVG 嵌入元素(外部文件)。我想在 a:hover 上更改其填充颜色。你会如何处理它?它真的让我发疯:)
我认为应该起作用的是:
$("a#title").hover(function() {
$("svg#logo").attr('fill','#f0f');
});
我从来没有专门这样做过,但看起来这个人有一个你可以在这里使用的 jquery 插件。
当 svg 在 html 中内联时,您所拥有的一切都可以。但是,当它通过引用(嵌入、对象、iframe、img)嵌入时,svg 实际上是一个单独的文档。您可以将其视为尝试更改 iframe 引用的 html 文档中的属性。
链接在svg里面吗?如果是这样,您可以将样式/脚本放在 svg.xml 中。
这是一个从 html 文档(嵌入、对象、iframe)更改 svg 形状填充的示例。