svg4you: viewBox per JS verändern

Beitrag lesen

Tach Margin-Auto,

ich möchte nach dem Laden meiner SVG-Seite per Javascript die viewBox des gesamten Dokumentes so anpassen, dass sämtliche enthaltenen Elemente rein passen.

Warum nicht bereits im Ausgangsdokument entsprechende Vorgaben festlegen? Setze die viewBox-Parameter in Bezug zu den internen Koordinaten und dazu height und width auf 100% [siehe Flagge von Norwegen].

Wie kann ich die Angaben per JS auslesen und neu setzen?

JS-Zugriff ist möglich (hier werden einfach alle Parameter mit 2 multipliziert):

  
var vbox=svgroot.getAttribute("viewBox").split(" ");  
for(var i=0; i<vbox.length; i++)vbox[i]*=2;  
svgroot.setAttribute("viewBox",vbox.join(" "));

Ich habe über die Suche http://svgmob.datenverdrahten.de/w4n/?cc=LG&sc=2 gefunden, konnte aber nicht nachvollziehen, wie da die Skalierung erfolgt, da die Viewbox-Anagen immer gleich sind, egal wie man den Parameter in der URL setzt.

Serverseitig geändert werden jeweils die Angaben von height und width mittels Faktor, die internen Koordinaten bleiben konstant zum Bezugsmodell S65.

Man liest sich,
svg4you