用一致因子放大多个SVGs

Question

我有将近100个SVG文件的集合，非常漂亮的手工编码，每个文件都尽职尽责地指定一个viewBox、一个宽度和一个高度。宽度、高度和高宽比随SVG的不同而变化。

有一个尴尬:我关心并希望保持他们的相对大小。

• 在HTML页面上，我想显示它们的“自然”大小，即在宽度和高度中指定的大小。简单的农民：<img src="….svg">。也许CSS应该指定{object-fit: none;}，但这似乎没有什么作用。

• ，我也想显示一个一致的放大，比如说6×。显然，CSS可以坚持像素宽度，但这种类型的缩放并不是一致的因素。

请注意，在HTML或CSS中(更喜欢的不是脚本)，如何指定SVG以其基本大小的600%显示，即在每个SVG文件的第一行中显示6×宽度和高度。

编辑也许一些话重新的目的会激励人们，或者只是娱乐。在金融市场图表中，数字图形是一片混乱。代表之间没有一致性。几十年来，我一直使用一些标准的符号，我的设计，如美元，欧元，英镑，日元，瑞士法郎，CAD和NZD，SEK NOK。随着时间的推移，这份名单已经扩大到包括我考虑过的所有货币和主权债券发行者、欧洲商业银行的成员、欧盟成员国和入盟候选国、其他几个国内生产总值高的国家和发展银行债券发行者。该集现在正在重写SVG，而在它，抛光和改进。不同的标记有不同的长径比，因此宽度也不同。我想要我的HTML页面显示每个(小)自然大小，而且每个不断扩大检查细节是正确的。

是的，一旦准备就绪，它们将根据Boost许可证进行开源。

Answer 1

对于6x缩放，按以下方式制作您的标记

<img src="….svg" style='transform: scale(6,6)' />

或者将transform属性添加到CSS文件中。6,6表示X和Y各为6。