【问题标题】：SVG display difference between <img> and <object><img> 和 <object> 之间的 SVG 显示差异
【发布时间】：2015-08-12 20:04:25
【问题描述】：
在 <img> 或 <object> 标签中显示 SVG 图像有什么区别？我在 Android 3.1 上使用 <img> 标记中的 SVG 图像时遇到了一些问题：
上例中的形状是<img> 标签，下例是完全相同的图像，但显示在<object> 中。
为什么会以不同的方式显示？ <object> 是否像 <img> 一样缓存？
你们有什么建议？
【问题讨论】：
标签：
image
object
caching
svg
【解决方案1】：
SVG 为 used as an image 时的差异（html <img> SVG <image> 或 CSS 背景图像）
- 没有脚本
- 没有交互性
- 没有外部依赖项（在一个文件中完成）
- 没有 DOM（即没有脚本从外部访问它们）
- 可以通过drawImage复制到画布中
我怀疑您正在遭受无外部依赖规则的困扰。您可能还想检查 SVG 数据在根元素上是否具有 preserveAspectRatio 属性，如果有，则该属性的值不是 none。