Как держать SVG маленькими в чистом виде HTML?

Question

Когда я просматриваю HTML-страницу с файлами SVG без CSS, встроенные SVG расширяются до полного окна просмотра браузера, слишком большого. Это способ держать SVG маленьким в представлении HTML?

Может быть, только

 <svg width="50" height="50"> 

Answer 1

Да, вы можете масштабировать SVG, используя атрибуты HTML width и height, например:

<svg width="50" height="25">

SVG также предоставляет ряд других атрибутов, таких как viewbox и preserveAspectRatio, которые помогут вам управлять размером, положением и масштабом. Проверьте эту статью о CSS-хитрости для получения дополнительной информации.