Как уменьшить размер SVG в чистом HTML-просмотре?

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

Может только

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

?

Вы делаете это, но обычно лучше делать это с помощью CSS: svg { width: 50px }.

Toby 06.11.2018 20:37

Без CSS, пожалуйста, чистый просмотр HTML.

Martin Milichovský 07.11.2018 15:59
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
40
1

Ответы 1

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

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

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

Другие вопросы по теме