Ma première leçon de script pour canvas !

selon une video de Tuto.com

Comment faire et par où commencer ce script :

Ouvrir un document html5 dans DW.

Suivre les explications dans l'onglet Fractionner de DW pour voir le code en même temps.

1 - mettre dans le head une balise script et dans le body une balise canvas de 600 x 450px

zone de travail ou canvas

une bordure solid de 1px noire son identifiant est "cercle".
Le résultat du script s'affichera dans le canvas.

//2 - au chargement de la page, la fonction init s'exécutera.

 

Entre les accolades { et }

définir les variables canvas et context

placer dans le canvas une image-logo à 10px du coin haut-gauche : définir la variable logo (//3a et 3b) et l'afficher dans la fonction

maintenant, le context ou dessin :

s'appelle cercle, il sera rouge, la largeur de ligne de 25px, les extrémités arrondies, il sera tracé avec une forme de demi-cercle vers le bas. Pour la faire définir la variable degre et l'utiliser pour le tracé du demi-cercle qui sera placé au milieu du canvas.

script dans canvas

A la suite de ce petit script, j'ai décidé de suivre le cours de Javascript du Site du Zero