svg嵌套div（怎么将svg文件引入html）
本文目录
怎么将svg文件引入html
三种方式：
使用《embed》标签：
这个是官方推荐的用法，但是这个官方是Adobe官方，不是W3C官方，现在的HTML标准里还没有这个标签。
***隐藏网址***
pluginspage是插件下载地址。
使用《object》标签：
这个是W3C的规范，在HTML标准里有这个标签，这个标签里面不能使用js。
***隐藏网址***
codebase也是插件下载地址
另外，如果安装了Adobe SVG Viewer ，这个就不能使用（这是什么理论，插件下载地址都是一样的....）。
使用《iframe》标签：
这个是最简单粗暴的，直接在网页中嵌套了一个网页，这个就可以随便整了。
但是现在的页面都在去这个，这个不是规范，是潮流，不知道为啥。
兼容性贼好。
如何用svg来画出div的两条对角线，如果用css也可以吗
只要两条线的话直接用css也行，before和after两个画两条线，然后而rotate旋转个正负45度（具体度数自己慢慢调），最后顶多再绝对定位微调一下位置就可以了。
如何用JS实现鼠标划过SVG中的元素 弹出DIV层
onmousemove 必须写在svg中，但svg中无法识别html的div标签，我试了一下 可以alert信息。但不能加载HTML元素
别用embed。直接用svg嵌进去试试。
svg中path内径中如何添加div元素
《html》
《head》
***隐藏网址***
《title》Insert title here《/title》
《script type="text/javascript"》
function load() {
var embedTag = document.createElement(’embed’);
embedTag.type = "image/svg+xml";
embedTag.width = "640";
embedTag.height = "480";
embedTag.onload = function() {
alert(embedTag.getSVGDocument());
};
embedTag.src = "test.svg";
document.body.appendChild(embedTag);
}
《/script》
《/head》
《body onload="load();"》
《/body》
《/html》
更多文章：
css样式表不可能实现（如何用css实现表格首列的背景色，不能使用内联样式表）
2026年4月10日 16:00
冒泡排序java代码从小到大（编写J**A程序,用冒泡法对十个随机数由小到大顺序排序,输出排序后的结果）
2026年4月10日 15:40
随机函数在线使用（如何使用Excel的随机函数Excel随机函数的使用教程）
2026年4月10日 15:20
sizeof3为什么等于4（sizeof（string）为何返回4）
2026年4月10日 15:00
2026年4月10日 14:40
2026年4月10日 14:20
2026年4月10日 14:00
负载均衡解决什么问题（负载均衡进阶：SLB常见问题解决方法）
2026年4月10日 13:40
2026年4月10日 13:20
js终止foreach循环（注意forEach不能使用return跳出循环）
2026年4月10日 13:00
