Zoom in SVG mit currentScale
Habe ich eine web-Seite, in der es eine SVG-box <svg id='graph'>...</svg>
.
Möchte ich geben dem Anwender die Möglichkeit, die zoom-in der SVG-box.
Ich für diesen Zweck verwenden document.getElementById("graph").currentScale*=2;
wenn ich will, um die doppelte Größe der box, zum Beispiel.
Das problem ist, dass alle Fenster in der Größe geändert wird, auch die HTML-Elemente außerhalb der box.
Kennen Sie den Ursprung dieses problem bitte ?
- Sie bekommen könnte mehr helfen, wenn Sie erstellt einen reproduzierbaren Testfall zeigen Sie Ihr problem (und möglicherweise aufgeführt, der Browsertyp/ - version, wo Sie erleben dies).
Du musst angemeldet sein, um einen Kommentar abzugeben.
Im Hinblick auf die Anwendung zoom nur svg verwenden , verwenden Sie diese...
Diese können aus der mark, ohne zu wissen, welchen browser Sie verwenden, aber Sie können nicht in der Lage sein zu implementieren currentScale wenn Sie etwas anderes als Internet Explorer oder Microsoft Rand. Sie können dies testen, für sich selbst, indem Sie versuchen, das JSBin in verschiedenen Browsern und sehen, wo es skaliert.
Tauchen in tiefere, eine Google-Suche nach "SVG currentScale" gefunden diesen bug-threads von Google und Mozilla diskutieren ähnliche Probleme. Die Mozilla thread erläutert, es war eine Wahl, die speziell für Konsistenz Willen. SVG ist currentScale gilt nur für container-Elemente und nicht auf innere Elemente. Diese beeinträchtigen könnten, mit Funktionen wie zoomAndPan verwendet, die auf inneren SVG-Elemente. Zusätzlich, bessere cross-browser-Lösungen sind bereits vorhanden, wie scale() über die transform-Eigenschaft.