Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
svg viewBox的最后两个数字是用来做什么的?如果是缩放效果,为什么不使用1号?_Svg_Viewbox - Fatal编程技术网

svg viewBox的最后两个数字是用来做什么的?如果是缩放效果,为什么不使用1号?

svg viewBox的最后两个数字是用来做什么的?如果是缩放效果,为什么不使用1号?,svg,viewbox,Svg,Viewbox,我很难理解svg的viewbox=01000的第三和第四个数字是如何控制缩放的。到目前为止,在我从互联网上看到的所有教程中,所有示例都演示了svg视口宽度/svg-viewbox-3rd-number==svg视口高度/svg-viewbox-4th-number的情况。然后示例说这类似于缩放 我的问题是,当svg viewport width/svg-viewbox-3rd-number!=svg视口高度/svg-viewbox-4th-number。我还没有在网上找到一个很好的解释 如果vi

我很难理解svg的viewbox=01000的第三和第四个数字是如何控制缩放的。到目前为止,在我从互联网上看到的所有教程中,所有示例都演示了svg视口宽度/svg-viewbox-3rd-number==svg视口高度/svg-viewbox-4th-number的情况。然后示例说这类似于缩放

我的问题是,当svg viewport width/svg-viewbox-3rd-number!=svg视口高度/svg-viewbox-4th-number。我还没有在网上找到一个很好的解释

如果viewBox的第3和第4个数字确实用于缩放,那么我的问题是为什么需要两个数字?在大多数应用程序中,缩放是作为单个数字提供的。人们会要求,我想放大15%或放大100倍。这让我相信第三和第四个数字实际上并不只是用于缩放


有谁能帮助我更好地理解如何使用viewBox的第三和第四个数字吗?

SVG viewBox中的四个数字是x、y、宽度和高度。它为SVG建立了单位系统。以下是在400 x 400像素SVG中以50,50绘制的100 x 50矩形在分别或同时将viewBox的宽度和高度大小减半时发生的情况


SVG视图框中的四个数字是x、y、宽度和高度。它为SVG建立了单位系统。以下是在400 x 400像素SVG中以50,50绘制的100 x 50矩形在分别或同时将viewBox的宽度和高度大小减半时发生的情况