如何更改SVG比例（画板）

Question

当您使用插图画家导出SVG时，会创建一个我认为与Artboards大小匹配的视图框或您要导出的任何元素的大小。我目前无法访问插画师，但我稍后会尝试。

无论如何我认为每当你导出一些东西时，viewBox被设置为元素大小的画板。我们只是说我有一个160 x 160 px的画板，我导出和SVG将有一个viewBox="0 0 160 160"的viewBox。

如果我没有弄乱视图框，我可以让它让我们说一个16x16的图标。在这种情况下，viewBox="0 0 160 160"仍然可以转换为：

viewBox="0 0 100% 100%"

如果我要将viewBox更改为类似viewBox="0 0 80 80"的内容，我可以看到四分之一的图像对我来说很有意义。

除了基本图像总是160乘160，这是viewBox需要的。我认为如果您导出较小的画板，您可以更改默认的160 x 160 viewBox。但是你会怎么做代码？

希望你能得到这个概念。

这与此有些关系，这是另一回事。

https://css-tricks.com/svg-artboard-sizing/

Answer 1

单独留出width。只需将height和<svg>属性添加到您的<!-- little blue circle: --> <svg viewBox="0 0 160 160" width="16" height="16"> <circle cx="80" cy="80" r="80" fill="blue" stroke="none"/> </svg> <!-- huge red circle: --> <svg viewBox="0 0 160 160"> <circle cx="80" cy="80" r="80" fill="red" stroke="none"/> </svg>标记即可。这是一个简单的例子：

＆＃13;

＆＃13;

SELECT entity.title as "Entity" ,company.title as 'Company ' 
  FROM `field_data_field_company_ref`
    LEFT JOIN `node` as entity
    ON entity.nid = `entity_id`
    LEFT JOIN `node` as company
    ON company.nid = `field_company_ref_nid`
  WHERE bundle = 'project'

＆＃13;

＆＃13;

＆＃13;