1.SVG图若要显示在网页上,并实现局部点击的话,首先要使用iframe 标签包裹你的svg图片具体如下,并给iframe定义Id:iframeId方便后续js使用
<iframe scrolling
="no" id
="iframeId" src
="~/AI_SVG/主图.svg"
style
="margin-top:-7%; position:fixed;width:100%;height:140%;" />
2.SVG图在VS中打开,这里可以检查页面并找到指定区域代码添加标签Id,因为我们这里是图片,所以是一个img标签包裹的,我们就只需要给这个标签添加Id,具体如图
3.js部分,这里我们在SVG图源码中给一个id为img6的标签添加一个事件就可以实现了。最后别忘记引用js文件。
$("#iframeId").on("load", function (event
) {
$("#img6", this.contentDocument
).click(function () {
});
});