Ergebnis 1 bis 3 von 3

Thema: SVG per Js zoomen

  1. #1
    looper
    Gast

    Standard SVG per Js zoomen

    Hallo Forum!

    Ich programmiere gerade in HTML5 und steh nun vor einem kleinem (eher großen) Problem:

    <script ...>
    function zoom()
    {
    var karte = document.getElementByName("Karte");
    alert(karte.height); // selbst der einfache Zugriff funktioniert nicht
    }
    </script>

    <body>
    <p>
    <img name="Karte" src="*.svg" ... usemap="#landkarte">
    <map name="landkarte">
    <area ...href="#" onclick="zoom()">
    </map>
    </p>
    </body>

    Ich möchte also eine vektorbasierte Karte laden, die mit verweis-sensitiven Bereichen gekennzeichnet ist. Einige bereiche sollen neue Fenster öffnen, einige Bereiche (im späteren sind das dann Buttons) sollen aber in die Karte hineinzoomen ! Doch leider kann ich auf die SVG zugreifen, wie der alert-Test zeigt. Was kann ich machen, das ich auf das Bild zugreifen kann und später dann hineinzoomen???
    Vielen vielen Dank schon einmal im Voraus!

    Über Tipps bin ich sehr dankbar
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: SVG per Js zoomen

    ich wüsste nicht, dass sowas überhaupt "in echt" geht.
    du kannst zugreifen auf die merkmale des img-tags, aber mehr auch nicht,
    angenommen du "zoomst" die svg, was du machen müsstest wäre sowas wie einen clip-rect-bereich erstellen und dahinter mit verdecktem bild die größe ändern.

    quasi wie ein fenster wo man durchgucken kann. verweis-sensitive flächen bei zoom-aktionen kannste dann knicken, außer du hast fest definierte zoomstufen und hälst für jede stufe ein set area-koordinaten bereit.

    hab da schon konkrete ideen, aber leider nicht die zeit dir beispiele zu frickeln.

    mit jquery könntest du prima nen plugin schreiben, was diese ganzen aufgaben übernimmt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: SVG per Js zoomen

    Unabhängig davon: es heißt nicht

    Code:
    document.getElementByName("Karte");
    sondern

    Code:
    document.getElementsByName("Karte");
    da mehrere Elemente einen Namen haben könnten. Wenn Du etwas eindeutiges haben willst, arbeite mit IDs und document.getElementById().

Ähnliche Themen

  1. zentrierte und beim zoomen mitwachsende content box
    Von thecamper im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.04.2008, 16:05
  2. Bild zoomen
    Von GAST im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 13.02.2006, 17:01

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •