Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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比例(艺术板)_Svg - Fatal编程技术网

如何更改SVG比例(艺术板)

如何更改SVG比例(艺术板),svg,Svg,当您使用illustrator导出SVG时,将创建一个可视框,我认为它与Artboards大小或您要导出的任何元素的大小相匹配。我目前无法访问illustrator,但稍后我将尝试使用它 无论如何,我认为无论何时导出某些内容,viewBox都会设置为元素大小的artboard。假设我有一个160×160像素的画板,我导出了一个SVG,它的viewBox为viewBox=“0 0 160” 如果我没有弄乱viewbox,我可以让它成为一个16x16的图标。在这种情况下,viewBox=“0 0 1

当您使用illustrator导出SVG时,将创建一个可视框,我认为它与Artboards大小或您要导出的任何元素的大小相匹配。我目前无法访问illustrator,但稍后我将尝试使用它

无论如何,我认为无论何时导出某些内容,viewBox都会设置为元素大小的artboard。假设我有一个160×160像素的画板,我导出了一个SVG,它的viewBox为
viewBox=“0 0 160”

如果我没有弄乱viewbox,我可以让它成为一个16x16的图标。在这种情况下,
viewBox=“0 0 160”
仍然可以转换为:

viewBox=“0 100%100%”

如果我将viewBox更改为类似于
viewBox=“0 0 80 80”
的内容,我可以看到四分之一的图像,这很有意义

除此之外,基本图像将始终为160 x 160,这是viewBox所需要的。我认为,如果您以较小的artboard格式导出,您可能会更改默认的160×160视口。但在代码中,您将如何做到这一点

希望你能理解这个概念

虽然这是另一件事,但它在某种程度上与此有关


不要使用
查看框。只需将
width
height
属性添加到
标签中即可。下面是一个简单的例子:


不要使用
查看框。只需将
width
height
属性添加到
标签中即可。下面是一个简单的例子: