html - 如何嵌入填充容器元素的 SVG 对象

Question

我有一个file.svg嵌入在 DOM 对象（td 元素）中的 SVG 文件（从 pdf 转换）。我希望它拉伸以填充容器元素。我试过了

<td><object data="file.svg" type="image/svg+xml" max-width="100%"></object></td>

显示它太大（可能是文件默认大小的大小），如果我这样做

<td><object data="file.svg" type="image/svg+xml" width="100%"></object></td>

然后显示太小。设置大小以填充 td 元素的正确方法是什么？如果我使用像 raphael.js 这样的外部库会更容易，还是有不同的嵌入方式？

Answer 1

我的快速评论。你忘了等号吗？

width "100%"
max-width "100%"

也许试试这个，它对我有用。

<img src="file.svg" style="width:100%;height:100%;" />