zoomAndPan

Устаревшее: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть удалена из соответствующих веб-стандартов, находится в процессе удаления или поддерживается только для совместимости. Избегайте её использования и обновляйте существующий код, если это возможно; обратитесь к таблице совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любой момент.

Атрибут zoomAndPan указывает, можно ли увеличивать и перемещать масштабировать SVG-документ.

Масштабирование в данном контексте означает эффект дополнительного преобразования масштабирования и смещения на внешнем фрагменте SVG-документа.

Панорамирование представляет собой преобразование смещения (т. е., сдвига) фрагмента SVG-документа в ответ на действие пользователя интерфейса.

Вы можете использовать этот атрибут с такими элементами SVG:

Пример

html

<svg
  viewBox="0 0 200 200"
  xmlns="http://www.w3.org/2000/svg"
  zoomAndPan="disable">
  <filter id="diffuseLighting" x="0" y="0" width="100%" height="100%">
    <feDiffuseLighting in="SourceGraphic" zoomAndPan="1">
      <fePointLight x="60" y="60" z="20" />
    </feDiffuseLighting>
  </filter>

  <rect
    x="0"
    y="0"
    width="200"
    height="200"
    style="filter: url(#diffuseLighting);" />
</svg>

Примечания по использованию

Значение	`disable` \| `magnify`
Значение по умолчанию	`magnify`
Анимируемо	Нет

Спецификации

Спецификация
Scalable Vector Graphics (SVG) 1.1 (Second Edition) # ZoomAndPanAttribute

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`zoomAndPan`	1	≤79	1.5	15	3	18	4	14	2	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/zoomAndPan