Sciences et paysages - html5

Comment dessiner un carré incliné avec canvas et javascript

Requiert un navigateur récent: Internet Explorer 10, Chrome, Firefox, Safari.

Principe : J'ai indiqué les coordonnées x et y de l'angle haut-gauche à l'intérieur du canvas (= zone de dessin), puis la hauteur et la largeur du carré. J'ai ensuite effectué une rotation de 45°.



Fonction à placer dans une balise script du head et onload dans la balise body. Ne pas hésiter à afficher le code source de cette page pour comprendre.