Bild drehen mit HTML 5 und dem Canvas-Element

Heute wieder HTML 5. Wieder das Canvas-Element. Heute ein Beispiel in dem wir dem Benutzer erlauben ein Bild zu drehen.

Zuerst legen wir wieder ein Canvas-Element an:

     
      HTML 5 kompatibler Browser wird benötigt.
     

Im nächsten Schritt der Java-Script Code um das Bild zu laden und zu drehen:

 

Nun noch einen Link einfügen, der es dem Benutzer erlaubt das Bild zu drehen:

Drehe um 90 Grad! 	

Hier jetzt das vollständige Beispiel:





Beispiel Drehung mit Canvas



 




    

Bilddrehung mit HTML 5 und dem Canvas Element

HTML 5 kompatibler Browser wird benötigt.

Drehe um 90 Grad!

Ein Kommentar

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.