SVG:如何使用100%宽度/高度,但具有固定比例

时间:2015-12-13 13:22:10

标签: svg

我有一个需要在可变大小的容器中打开的SVG,但最初缩小到4倍屏幕DPI(因此1个像素对应于SVG用户空间的4个单位)。

Here's the example SVG。当它打开时,它必须占用整个视口,没有滚动条,但是固定比例为1/4(相对于屏幕DPI)。

我可以指定SVG缩放的唯一方法是指定viewBox

我可以使用整个容器的唯一方法是指定width="100%" height="100%"

但是当指定了这两个时,SVG会根据容器大小自动缩放。

这种简单的要求是否没有解决方案,而不使用JavaScript?

0 个答案:

没有答案