[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

ViewBox Animation


Hallo zusammen,


um in eine Karte hineinzuzoomen kann die Viewbox veraendert werden.
Dazu definiert man in dem SVG Tag die Viewbox entsprechend der Groesse 
der SVG-Animation:

<svg width="400" height="400" viewBox="0 0 400 400">

Will man nun hineinzoomen, animiert man das Attribut viewbox:

<animate attributeName="viewBox" begin="1s" dur="4s"
          values="0 0 400 400; 161 161 8 8" fill="freeze" />

Hier wird die linke obere Ecke von (0,0) auf (161,161) bewegt und der 
Ausschnitt wird dabei von 400 * 400 auf 8*8 verkleinert.

Dadurch wird ein gleichmaessiges hineinzoomen erzeugt.

Ein Beispiel ist angefuegt.

    Gruss
       Ralf
-- 
Dipl.-Systemwiss. Ralf Kunze
Fachbereich 6 Mathe/Informatik     Tel: 0541/969-2534
Albrechtstrasse 28 Raum:31/318a    EMail: rkunze@uos.de
49069 Osnabrueck                   URL: http://www.inf.uos.de/ralf

image/svg