Verweis-sensitive Grafiken auf Canvas

[peer]

moin, moin

Ich wollt mal nachfragen, ob es möglich ist, verweis-sensitive Bereiche auf einem Image zu setzen, welches auf einem Canvas gezeichnet würde.

Ich habe eine größere Landkarte, von der ich ein Teil auf dem Canvas zeichne und die Landkarte kann mit der Maus verschoben werden. Die Städte werden mit einem Image markiert. Wird alles mit javascript realisiert. Nun will ich, das man auf die Stadtpunkte klicken kann und weitere Infos angezeigt werden.

Ich hab versucht, den Stadtpunkt-Image einen titel mitzugeben, aber da passierte nichts. Meine ersten Versuche, mit <map> und <area> führten auch zu keinen sichtbaren Erfolg. Ist es überhaupt möglich und ich habe einen Fehler gemacht oder klappt das nur bei <img>, die nicht auf <canvas> gezeichnet werden ? Kann man Bilder, also <img>, so beschneiden, dass nur ein Teil angezeigt wird und dieser Teil per Javascript bestimmt werden kann ? Hat jemand noch eine andere Idee, wie ich mein Problem lösen kann ?

Danke im voraus

Peer

[ChrisB]

Hi,

Ich hab versucht, den Stadtpunkt-Image einen titel mitzugeben, aber da passierte nichts. Meine ersten Versuche, mit <map> und <area> führten auch zu keinen sichtbaren Erfolg. Ist es überhaupt möglich und ich habe einen Fehler gemacht oder klappt das nur bei <img>, die nicht auf <canvas> gezeichnet werden ?

Es gibt keine „<img>, die auf <canvas> gezeichnet werden“.

Es mag Bildinhalt in einem Canvas-Element sein, ja – aber damit ist es kein img-Element mehr.

Kann man Bilder, also <img>, so beschneiden, dass nur ein Teil angezeigt wird

• clip
• Positionierung innerhalb eines Containers mit overflow:hidden

und dieser Teil per Javascript bestimmt werden kann ?

Ja, JavaScript kann CSS-Eigenschaften von Elementen manipulieren.

Hat jemand noch eine andere Idee, wie ich mein Problem lösen kann ?

Transparentes img über canvas legen, und mit einer Map ausstatten?

MfG ChrisB

[peer]

moin ChrisB
Danke, manchmal ist es gar zu schwer, ein ganzen Teil neu zu überdenken ;).
Das mit den <img> war ein Denkfehler meinerseits. Ich Dank dir auf jedenfall, clip war mir bisher irgentwie entgangen, da ich canvas ziemlich schnell als Lösung hatte. Werde das mal ausprobieren, ob das mit den Stadtpunkten umsetzbar bleibt und ob ich noch den Zoom hinbekomme. Danke nochmals und ich werd mich nochmals melden, wenns geklappt hat.

Gruß Peer