Я хочу иметь встроенную шкалу содержимого элемента SVG, когда размер не является родным. Конечно, я мог бы иметь его как отдельный файл и так масштабировать.

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

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

Тем не менее, я хочу добавить дополнительные стили в SVG через CSS, так что связывать внешний стиль не вариант. Как сделать встроенную шкалу SVG?