如何使用jQuery访问SVG中的图像元素

时间:2018-02-13 08:05:10

标签: jquery dom svg

我有一个SVG文件,其中包含我想用jQuery操作的元素。这可能吗?我可以访问SVG标签,但不能访问里面的元素。

<svg id="Layer_1" data-name="Layer 1" style="max-height:400px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 485 480">
<image width="678" height="678" transform="translate(-94 -100)" id="section1" class="lime" xlink:href="data:image/png;base64,......">
</svg>

我希望能够访问#section1 .lime ,但目前只能访问 Layer_1 。稍后在代码中有一个点击功能可以更改选项卡的内容,如果我将触发元素更改为 Layer_1

,则此功能有效

奖金问题 - 是否有办法提取Base64图像的数据,因为这会使代码更加整洁?

谢谢!

0 个答案:

没有答案