我有一个需要在可变大小的容器中打开的SVG,但最初缩小到4倍屏幕DPI(因此1个像素对应于SVG用户空间的4个单位)。
Here's the example SVG。当它打开时,它必须占用整个视口,没有滚动条,但是固定比例为1/4(相对于屏幕DPI)。
我可以指定SVG缩放的唯一方法是指定viewBox
。
我可以使用整个容器的唯一方法是指定width="100%" height="100%"
。
但是当指定了这两个时,SVG会根据容器大小自动缩放。
这种简单的要求是否没有解决方案,而不使用JavaScript?