以下这个例子显示了,在html中单击命令按钮设定svg中的矩形的填充颜色,并且调用svg的js函数FunCallByHtmlJs,产生个消息框。
在svg中,单击矩形时,设置html中的text的文本内容,并且调用html的js函数FunCallBySvgJs,产生个消息框。
svg文档以嵌入在html文档中运行。
例子在IE 6.0 + Adobe SVG Viewer 3.03中文版下测试通过。
svg文件的代码:
//文件名:Svg&HtmlInteractive.svg
单击svg的矩形,设置html的text文本内容
html文件的代码:
//文件名:Svg&HtmlInteractive.html
SVG与html的交互效果图:
![5f73e822f54ba98141ddfa82f3790811.png](https://i-blog.csdnimg.cn/blog_migrate/96ab7ab8a3898c145ab4d9d8f1de4015.jpeg)
另外: 在aspx 页面中,emSvg对象会找不会,应该使用 document.getElementById("emSvg") 来查找 SVG对象