将SVG文件嵌入到网页中，可以使用<object>将其包含到网页的HTML中，例如下面的HTML文档：
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2 style="text-align: center">SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html，并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中，在本地打开，可以看到效果。
再将两个文件放到服务器上，在客户端IE浏览器中打开该HTML页面，发现不能正确浏览该网页的SVG文件。为了测试，又随便找了一台机器，发现也不能正确浏览该网页。什么问题呢？浏览器的问题？没有时间，也懒得下其它浏览器测试。
仔细看看HTML代码，让我想到了<embed>。object和embed是两个HTML标记，最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的，<object>是一个比<embed>更不正式的标签。他们功能差不多，但是还是有一些区别，比如说如果嵌入的文件尺寸过大时，<object>只会对其缩放，而<embed>会将其裁剪掉。
既然<object>和<embed>有不同，那么用<embed>的话会如何呢？修改HTML文件为：
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2 style="text-align: center">SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件，打开客户端浏览器，输入网址，可以正确浏览网页包含的SVG文件。
原因呢？为什么用<object>找不到SVG文件，而用<embed>就可以？难道<object>嵌入的是本地资源，而<embed>嵌入的是服务器上的资源？也许是这样吧，也许是我的IE本身的问题。如果您知道，告诉我一下。
分享到：
相关推荐
svg-embed-font是一个命令行工具，可轻松确定SVG文件中使用的字体并将其编码为其中的Base64资产。 如果您的SVG资产在计算机上看起来不错，而在其他所有人的桌面上都弄乱了，那是因为字体未正确嵌入文件中。 用法 ...
将SVG图引入到HTML网页，目前只有三种办法，前两种很相似，第三种更简单。下来介绍一下这是那种方法。 第一种： 使用<embed>标签： 这个是官方推荐的用法，但是这个官方是Adobe官方，不是W3C官方，现在的...
SVG文件并实现绘制代码，使用QSVG模块读取SVG文件，绘制点，线，多边形，圆形
世界地图svg文件
基于Batik的对svg文件进行解析显示
这是一个svg文件包,项目中用到的svg文件
高德地图开发自定义marker标签的图标使用 .png .jpg 图标模糊的情况可以采用svg图标来解决模糊度，而使其清晰
Webpack插件用于将SVG加载/提取到sprite文件中
世界所有国家的国旗 SVG 图标 共266国家 1X1和 4x3 格式 文件命名为 国家缩写 （ad.svg）
svg转png, svg文件渲染, 使用plutosvg库
将阿里iconfont下载后包含多个svg图标的文件转换为单个svg文件
Symbian SVG资源文件略缩图查看
该插件将SVG图形嵌入到NodeBB中 安装 将此git克隆到您的node-modules文件夹中。 执照 :copyright:2015 Linux statt Windows，整个项目均已获得GNU通用通用公共许可证版本3的。有关更多信息，请阅读 ！
C#开发的一个简单的SVG文件编辑器，可以创建、编辑SVG文件，编辑器可以添加各种图层、形状并修改属性。SVG文件的一些基本操作。
全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG...
iOS 加载SVG文件，svg地图，点击获取地图上点击的位置
inline_svg_tag和inline_svg_pack_tag ），该方法读取SVG文档（通过Sprockets或Webpacker，因此可与Rails Asset Pipeline一起使用），将CSS类属性应用于文档的根，然后将其嵌入视图中。 内联SVG支持： （来自 ） ...
在线将SVG转换为Vue组件
自制工具，将AndroidStudio 的 VectorDrawable xml 资源逆向转回 svg文件方便编辑。工具为带js的html，上方输入框贴入xml，下方输入框输出svg代码结果以及svg预览 注意目前仍未支持渐变填充
将SVG文件转换为Vue SFC（支持热重载和SVGO）