HTML在iframe或者embed一个svg文件以后，怎么让svg元素的事件响应这个html的js脚本

2015-07-07 02:39:27 704 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

vue里面引用svg文件，并给svg里面的元素赋值前言项目里面用的svg图片比较复杂，还要对里面的元素赋值等等的。在HTML里面有试着用过svg，在vue里面还是第一次尝试。百度了很多要配置webpack.base.conf.js,还要封装组件什么的，但是没有用，那些方法应该是对icon的svg或者简单的svg图片有用吧。后面改变思路，想着能不能组件的形式引入svg文件。静态界面下看看能不能实现，然后在做动态赋值。折腾了一天，还是弄出来了。真... 阅读详情

我在一个html里面利用embed引入了一个SVG的图片，并且设置了一些事件响应，比如文本onmouseout以后，会响应这个html里面的一些js脚本，但是发现当响应时间以后，chrome会提示没有定义的函数，是怎么回事？？是没办法夸脚本访问吗？？

这个是这个html的代码





<script type="text/javascript">>

        function loadMianban(element)

        {

            var svg = element.getSVGDocument();

            var pageText = svg.getElementById("page");

            pageText.setAttribute("onmouseout","OnMouseOut(this)");

        }

</script>



<embed src="mianban.html" width="1000" height="1000" type="image/svg+xml" onload="loadMianban(this)"/>

...全文