Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Reference
  4. Attributes
  5. zoomAndPan

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

View in EnglishAlways switch to English

zoomAndPan

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe dieKompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

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

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

Verschieben stellt eine Translation (d.h. eine Verschiebung) auf ein SVG-Dokumentfragment als Reaktion auf eine Benutzeroberflächenaktion dar.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

html,body,svg {  height: 100%;}
html
<svg  viewBox="0 0 200 200"  xmlns="http://www.w3.org/2000/svg"  zoomAndPan="disable">  <filter 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>

Verwendungshinweise

Wertdisable |magnify
Standardwertmagnify
AnimierbarNein

Spezifikationen

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

Browser-Kompatibilität

svg.elements.svg.zoomAndPan

svg.elements.view.zoomAndPan

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp