浏览器中的SVG缩放限制

浏览器中的SVG缩放限制,svg,Svg,我已经生成了一个很大的SVG文件,但在web浏览器中查看时,我无法放大到足以看到其中的所有细节。在SVG源代码中,我可以做些什么来实现这一点吗 SVG非常高且薄(1000px宽,11000px高)。默认情况下,当我在浏览器中打开它时,浏览器会将整个内容放在视图端口中,因此它就像是页面中心的一条细条纹——太过缩小,实际上看不到任何内容。浏览器允许我在一定程度上放大,但只能放大到某一点,然后再进一步放大是不可能的。这是我可以从SVG代码控制的东西吗 元素如下所示: <svg viewBox="

我已经生成了一个很大的SVG文件,但在web浏览器中查看时,我无法放大到足以看到其中的所有细节。在SVG源代码中,我可以做些什么来实现这一点吗

SVG非常高且薄(1000px宽,11000px高)。默认情况下,当我在浏览器中打开它时,浏览器会将整个内容放在视图端口中,因此它就像是页面中心的一条细条纹——太过缩小,实际上看不到任何内容。浏览器允许我在一定程度上放大,但只能放大到某一点,然后再进一步放大是不可能的。这是我可以从SVG代码控制的东西吗

元素如下所示:

<svg viewBox="0 0 1000 11000" version="1.2"  xmlns="http://www.w3.org/2000/svg">


请注意,我不是在HTML页面中嵌入SVG,我只是有一个SVG。由于最常见的SVG查看器是web浏览器,我希望人们能够在一个浏览器中正确查看文档。

为SVG添加合适的
高度。这将迫使浏览器将其渲染为如此高的高度(用户必须滚动才能看到整个画面)。例如5000px高:

<svg height="5000" viewBox="0 0 1000 11000" version="1.2" xmlns="http://www.w3.org/2000/svg">

向SVG添加合适的
高度。这将迫使浏览器将其渲染为如此高的高度(用户必须滚动才能看到整个画面)。例如5000px高:

<svg height="5000" viewBox="0 0 1000 11000" version="1.2" xmlns="http://www.w3.org/2000/svg">


通过修改viewBox来编写您自己的缩放功能。@RobertLongson我尝试更改viewBox值,但没有效果。不幸的是,最好通过编辑您的问题来向我们展示您正在做什么。通过修改viewBox来编写您自己的缩放功能。@RobertLongson我尝试更改viewBox值,但没有效果不幸的是,最好通过编辑你的问题来向我们展示你在做什么。