Tut (HTML5) Leinwand haben, das entspricht einer image-map?

Macht das Canvas-element äquivalent zu img-Karte, so können Sie festlegen, klickbare Bereiche auf dem canvas-element?

Gibt es kurze Erwähnung der Karte auf halbem Weg unten auf der Seite hier: http://www.w3.org/TR/html5/the-canvas-element.html, aber ich kann nicht finden, etwas über es.

InformationsquelleAutor Mr. Flibble | 2010-05-28

  1. 13

    Karten auf Leinwand gibt derzeit eine offene Frage, die mit HTML5. Ausgabe #105 um genau zu sein. Sehen http://www.w3.org/html/wg/tracker/issues/105

    InformationsquelleAutor Alohci

  2. 14

    Selbst wenn nicht, wäre das nicht eine image-map auf einem transparenten Bild positioniert, die über eine Leinwand bekommen, was Sie brauchen?

    Das ist eine gute Idee.

    InformationsquelleAutor Weston C

  3. 4

    Als Lösung zu deinem problem: ich würde Anhängen klicken Sie auf Ereignis, um die Leinwand und die Maus-event würde ich prüfen, die Maus-Koordinaten, dann eine einfache Liste von Bereichen, zusammen mit den Polygonen könnte man tun, irgendeine Art von Kollision testen. Rechtecke wäre ein Anfang, aber wenn Sie wirklich brauchen spezielle Bereiche, eine erweiterte Kollisionsprüfung werden müsste.

    Eine schnelle Lösung habe ich in Flash die für pixel-exakte Landkarten, ist eine zweite verborgen, overlay-bitmap, die Sie verwenden für die Suche, wenn jemand klicken Sie auf das sichtbare Bild.

    Seines gleichen Technik verwendet, die in alten Abenteuer-Spiele. Jede "Raum/Objekt/link" hat seine eigene pixel-Farbe. Und dann müssen Sie nur halten Sie die Liste der Objekte mit der passenden Farbe.

    Sobald Sie die pixelcolor unter der mousecoord, dann können Sie ein sehr schnelles nachschlagen in der Tabelle.. und bingo...

    Zunächst klären Sie die "klicken Sie auf das Bild," mit null (schwarz) und das ist gleich "keine Verbindung", dann zeichnen Sie jeden Bereich mit einer speziellen Farbe und speichern Sie diese Farbe in der Liste.

    Fragen wenn Sie weitere Hilfe benötigen. Ich hoffe, das war eine nützliche Antwort.

    InformationsquelleAutor BerggreenDK

  4. 2

    Haben Sie als svg statt der Leinwand? Mit svg die Grafik selbst enthält alle Informationen, die Sie benötigen für die Identifizierung von aktiven Regionen, und Sie können anfügen von Ereignishandlern wie würden Sie auf html-Elemente.

    Einige Beispiele dafür, wie Sie erkennen können, mausevents an verschiedenen teilen der geometrie der svg-Formen:

    http://dev.w3.org/SVG/profiles/1.1F2/test/harness/htmlObject/interact-pevents-08-f.html

    http://dev.w3.org/SVG/profiles/1.1F2/test/harness/htmlObject/interact-pevents-09-f.html

    InformationsquelleAutor Erik Dahlström

  5. 2

    Werfen Sie einen Blick auf Kuchen. Es ist eine Szene, die Grafik-plug-in für die Leinwand. Vielleicht ein wenig zu kompliziert für das, was Sie suchen, aber Sie können Ereignisse hinzufügen, Kuchen eingewickelt canvas-Objekte.

    InformationsquelleAutor JoshNaro

Schreibe einen Kommentar