SVG - 流体布局 - 流体容器内的文本缩放

时间:2013-02-06 12:27:42

标签: html twitter-bootstrap svg

我有一个嵌入bootstrap span12 div的SVG文档。

<div class="box span12">
<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
<text y="10" width="20">Hello World</text>
</svg>
</div>

我希望我的SVG使用span12容器动态扩展,我使用viewBox属性完成。我还希望SVG元素中的文本在左侧“浮动”并且具有SVG文档的20%宽度,因此我可以将其他元素放在右侧。我已将宽度设置为20,但由于某种原因,我的文本在SVG内部没有缩放到20%,而是缩放整个文档。

我在这里做错了什么?

由于

0 个答案:

没有答案