[英]Replace an SVG image onClick
<svg style="position: absolute;">
<defs>
<pattern id="image" width="1" height="1" viewBox="0 0 100 100">
<image xlink:href='https://upload.wikimedia.org/wikipedia/commons/f/f8/Fulmer_Falls_Closeup_3000px.jpg' width="100" height="100" preserveAspectRatio="none"></image>
</pattern>
</defs>
</svg>
因此,在我的SVG中,我有一个href
链接,指向我在互联网上找到的随机图像。 我正在尝试更改此链接,因此在单击元素时它会更改。
JQUERY
var selectedEl = $('#myID li');
selectedEl.on('click', function () {
var mySVG = $('#image');
});
但是我不知道如何更新链接。 我尝试使用attr
进行更新,但无济于事。
谢谢 :)
考虑到selectedEl
起作用,由于缺少html代码,因此以下方法可以解决问题。 attr
方法应更改任何给定的属性名称。
selectedEl.on('click', function() {
var mySVG = $('#image image');
$(mySVG).attr('xlink:href','the new URL here');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.