MisterX: größe von SVGs nach dem einbinden verändern

SELF-Forum

größe von SVGs nach dem einbinden verändern

MisterX
– Informationen zu den Bewertungsregeln

hi!

ich habe ein problem... ich würde gerne SVGs, die eine größe von 48x48 haben, in html einbinden, und die größe dort mit html/css/javascript verändern.

mit meinem bisherigen versuch wird allerdings nur der anzeigebereich verändert, nicht das bild selbst:

<object data="bild.svg" name="bild" type="image/svg+xml" width="200" height="200">
  Ersatz
</object>

ich danke euch schonmal im vorraus für jede antwort

gruß
MisterX

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. größe von SVGs nach dem einbinden verändern

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich habe ein problem... ich würde gerne SVGs, die eine größe von 48x48 haben, in html einbinden, und die größe dort mit html/css/javascript verändern.

    mit meinem bisherigen versuch wird allerdings nur der anzeigebereich verändert, nicht das bild selbst:

    <object data="bild.svg" name="bild" type="image/svg+xml" width="200" height="200">
      Ersatz
    </object>

    ich danke euch schonmal im vorraus für jede antwort

    Das kannst du am besten aus dem SVG heraus machen:
    http://svglbc.datenverdrahten.de/?doc=get_setSrc&znr=on bzw. http://svglbc.datenverdrahten.de/?code=js_extern&znr=on und http://svglbc.datenverdrahten.de/?code=js_extern&znr=on

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. größe von SVGs nach dem einbinden verändern

      MisterX
      – Informationen zu den Bewertungsregeln

      Das kannst du am besten aus dem SVG heraus machen:
      http://svglbc.datenverdrahten.de/?doc=get_setSrc&znr=on bzw. http://svglbc.datenverdrahten.de/?code=js_extern&znr=on und http://svglbc.datenverdrahten.de/?code=js_extern&znr=on

      das funktioniert leider nicht. ich kann über javascript die grlße des svgs nicht verändern, da die eigenschaft von <svg> nur lesbar ist.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. größe von SVGs nach dem einbinden verändern

        Thomas J.S.
        – Informationen zu den Bewertungsregeln

        Hallo,

        das funktioniert leider nicht. ich kann über javascript die grlße des svgs nicht verändern, da die eigenschaft von <svg> nur lesbar ist.

        Und wie ist das, wenn du im SVG dafür keine Angaben machst und nur die Eigenschaften vom Object (bzw. iframe) änderst (eventuell sogar <object> ganz mit JS neu schreiben, damit das SVG auf alle fälle neu geladen wird)?

        Grüße
        Thomas

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. größe von SVGs nach dem einbinden verändern

    semaphor
    – Informationen zu den Bewertungsregeln

    Moin,

    Du könntest das svg über php dynamisch generieren!
    Die Größenangabe kann dabei als Get-Parameter übermittelt werden.

    Also z.B.:

      
_______________________________  
Einbindung  
  
<object data="bild.php?width=600&amp;height=600" type="image/svg+xml" width='600' height='600'>  
  Ersatz  
</object>  
  
_______________________________  
bild.php  
  
<?php  
header('Content-type: image/svg+xml');  
echo "<?xml version='1.0' encoding='utf-8' standalone='yes'?>  
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN'  
 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>  
<svg xmlns='http://www.w3.org/2000/svg'  
 height='".$_GET['height']."'  
 width='".$_GET['width']."'  
 version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink'>  
  
....usw.

    Allerdings gibt's da nen Haken: je nach Komplexität der Abbildung
    mußt Du ziemlich viele Werte umrechnen.
    Wenn das Bild auch Pfadangaben enthält, bekommt man leicht nen Koller. ;)

    Schönen Gruß

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln