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

linyilong3 2015-07-07 02:39:27

我在一个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)"/>

...全文

656 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Michael10001 2015-07-08

打赏
举报

回复

直接将埃斯威基代码粘贴在爱吃蹄爱慕爱勒中，然后用接口瑞处理一切换输入法打的字都清空了骚瑞哈哈

本文详细介绍了SVG（可缩放矢量图形）的基本概念和使用方法。SVG是一种基于XML的矢量图形格式，具有放大不失真的特点。文章首先解释了SVG的定义和优势，随后提供了五种在网页中嵌入SVG的方法，包括直接使用SVG标签、img标签、iframe标签、object标签和embed标签。接着，文章深入讲解了SVG的语法和常用标签，如circle、line、polyline、rect、ellipse、polygon、path、text、use、g、defs和pattern等，并提供了具体的代码示例和参数说明。此外，文章还介绍了如何通过CSS样式来控制SVG的外观和行为。整体而言，本文为初学者提供了全面的SVG学习资源，适合希望掌握SVG基础知识和实际应用的开发者阅读。

本文详细介绍了在HTML页面中加载SVG图片的四种方法：直接在HTML中添加SVG代码、使用<embed>标签、使用