** viewBox и preserveAspectRatio в SVG выполняют разные функции**. 2

viewBox задаёт область, которая должна масштабироваться. 2 С его помощью можно, например, показать не всю картинку, а только какую-то её часть. 2 Атрибут включает четыре числа, разделённые запятыми или пробелами: min-x, min-y, width и height. 1 Значения min определяют, в какой точке внутри изображения должен начинаться viewBox, а width и height устанавливают размер блока. 1

preserveAspectRatio определяет поведение SVG при нестандартном масштабе. 3 Атрибут указывает браузеру, как отображать рисунок, если пропорции ширины и высоты области просмотра и viewBox не совпадают. 1 preserveAspectRatio состоит из двух частей: первая задаёт выравнивание, вторая — поведение элемента относительно вьюпорта. 2

Таким образом, viewBox определяет область масштабирования, а preserveAspectRatio — как именно она должна это делать. 2 При этом preserveAspectRatio не работает без viewBox: viewBox задаёт область, а preserveAspectRatio определяет, как она должна масштабироваться. 2