J. Gierig: (SVG) maximale Ausnutzung der Fensterleinwand wie in SWF

Hi!

Wenn man ein Shockwave Flash nackt in den Browser lädt, passt es sich automatisch der Fenstergröße an, soweit es unter Beibehaltung des Aspektverhältnisses möglich ist. (Ähnliches gilt für die Anzeige von PDF im Acrobat Reader in der Ansicht Fensterbreite oder Seitenbreite.)

SVG tun das nicht, weiß der Geier, wieso. Wie bringe ich es ihnen bei?

Anyone? Anyone? Bueller?  (...Thomas Meinike? ;)

  1. Hi!

    Versuchs mal mit <svg width="100%" height="100%" [..]> (Root-Element)

    Gruß Herbalizer

  2. Hallo,

    Wenn man ein Shockwave Flash nackt in den Browser lädt, passt es sich automatisch der Fenstergröße an, soweit es unter Beibehaltung des Aspektverhältnisses möglich ist. (Ähnliches gilt für die Anzeige von PDF im Acrobat Reader in der Ansicht Fensterbreite oder Seitenbreite.)

    Das kommt auf die Definitionen an, dieses Rechteck skaliert durch prozentuale Angaben bzgl. seiner Umgebung:

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">

    <rect x="10%" y="10%" width="80%" height="60%" style="fill: #00C"/>

    </svg>

    Bezogen auf den Adobe SVG Viewer stehen die Kombinationen "Strg+Mauszeiger" und "Alt+Mauszeiger" fuer Skalieren bzw. Verschieben zur Verfuegung.

    Ansonsten kann man auch die aktuellen Fenstermaße per JavaScript auslesen und auf eine via object-Element eingebetteten Grafik anwenden:
    transform="scale(zoomfaktor) translate(delta_x,delta_y)"
    oder beim Scripting die Werte von currentScale und currentTranslate beeinflussen.

    MfG, Thomas