Wehende Flagge mit JavaScript [canvas]

[marvinlol]

Guten abend zusammen,

ich suche nun seit einiger Zeit eine Lösung, die es ermöglicht, ein PNG-Image, mittels HTML und Javascript, in eine wehende Flagge zu verwandeln.

Bis jetzt habe ich nichts passendes gefunden.

Habt ihr so etwas schon mal gemacht, oder wisst ihr, wo ich etwas finden kann?


Edit:
Dieses Beispiel ist genau das, was ich suche.
Leider funktioniert es nicht mehr, wenn ich den Quellcode lokal ausführe. Weder mit meinem Bild, noch mit dem Beispiel-Bild.




Ich freue mich auf Eure Antworten!

 

[chmee]

Canvas in HTML5. Der Quelltext der (von Dir) verlinkten Seite sollte doch reichen, um es nachzubauen..

http://canvas.quaese.de/index.php?nav=12&doc_id=60
http://beej.us/blog/data/html5s-canvas-2-pixel/
http://www.mediaevent.de/2013/08/javascript-pixel-im-canvas/


mfg chmee

 

[marvinlol]

Hi, danke für deine Antwort.
Ich bin zwar Javascript Anfänger, habe das Prinzip der Canvas Manipulation aber verstanden.

Ich frage mich nun, warum das Script, das ich verlinkt habe, nicht mehr funktioniert, sobald ich es kopiere und lokal starte.

Habt ihr eine Idee, warum das Script online funktioniert, aber nicht, wenn ich es kopiere?

Vielen Dank!

 

[chmee]

Habe es gerade versucht, HTML lokal gespeichert, Bildnamen (h.src) verändert.
Funktionierte.. (Firefox27 win7)

Vielleicht mal den Inspector ([F12]) starten und reloaden ([F5])?
Fehlermeldung womöglich?

 

[marvinlol]

Okay danke.

Ist gelöst. Bei läuft es jetzt auch lokal. Weiß nicht genau woran es lag.
Danke für die Hilfe!