Jak mogę utworzyć skalę svg z kontenerem nadrzędnym?

Chcę mieć wbudowaną skalę zawartości elementu svg, gdy rozmiar nie jest macierzysty. Oczywiście mógłbym mieć go jako osobny plik i skalować w ten sposób.

index.html:<img src="foo.svg" style="width: 100%;" />

foo.svg:<svg width="123" height="456"></svg>

Jednak chcę dodać dodatkowe style do SVG poprzez CSS, więc połączenie zewnętrznego nie jest opcją. Jak utworzyć wbudowaną skalę SVG?

questionAnswers(5)

yourAnswerToTheQuestion