Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

zoomAndPan

Deprecated

Avoid using this feature in new projects. SVG 2 omittted some parts of SVG 1.1 to "improv[e] the usability and precision of the language." This feature may be a candidate for removal from web standards or browsers.

Consider using the following features instead: SVG oder @font-face.

Das zoomAndPan-Attribut gibt an, ob das SVG-Dokument vergrößert und verschoben werden kann.

Vergrößerung in diesem Kontext bedeutet die Wirkung einer zusätzlichen Skalierungs- und Translationstransformation auf das äußerste SVG-Dokumentfragment.

Verschieben steht für eine Translationstransformation (d.h. eine Verschiebung) auf einem SVG-Dokumentfragment als Reaktion auf eine Benutzeroberflächenaktion.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiel

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" filter="url(#diffuseLighting)" />
</svg>

Nutzungsnotizen

Wert disable | magnify
Standardwert magnify
Animierbar Nein

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
# ZoomAndPanAttribute

Browser-Kompatibilität

svg.elements.svg.zoomAndPan

svg.elements.view.zoomAndPan