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

Question

我有一个嵌入在DOM对象（td元素）中的SVG文件file.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%;" />