Если вы рассматриваете веб-документ как холст, окно просмотра — атрибут формы SVG — является частью холста, который должен видеть зритель. Даже если страница может охватывать весь экран компьютера, рисунок может существовать только в части целого.
Viewbox сообщает парсеру увеличить эту третью. Это устраняет лишние пробелы. Воспринимайте viewbox как виртуальный подход к кадрированию изображения . Без этого ваш график будет отображать треть его фактического размера.
Значения ‘Viewbox’
Чтобы обрезать изображение, вы должны создать точки на картинке, чтобы сделать разрезы. То же самое относится и к атрибуту viewbox . Настройки значений для окна просмотра , которые отображаются в синтаксисе с разделением пробелами в определенном порядке, включают
- minx : начальная координата x
- miny : начальная координата y
- ширина : ширина окна просмотра
- высота : высота окна просмотра
Синтаксис для значений окна просмотра :
viewbox = "0 0 200 150"
В этом примере окна просмотра создается поле с координатами 0,0 шириной 200 пикселей и высотой 150 пикселей.
Не путайте ширину и высоту окна просмотра с шириной и высотой, заданными для документа SVG. Когда вы создаете файл SVG, одним из первых значений, которые вы устанавливаете, является ширина и высота документа. Документ представляет собой холст. Окно просмотра покрывает весь холст или только его часть.