Dessin de ligne, cercle, rectangle HTML5http://ajax.googleapis.com/ajax/libs/jquery/ 1.7.1/jquery.min.js">>
<script><br>$(document).ready(function() {<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //Obtenir une référence au contenu 2D et appeler l'API de dessin</p>
<p>//Spécifier le bloc de dégradé<br>var grd=draw.createLinearGradient(50,50,200,50); //Coordonnées, longueur et largeur<br>grd.addColorStop(0,"black"); point Color<br>grd.addColorStop(1,"green"); //Fin couleur</p>
<p>draw.fillStyle=grd; //Définir comme style de remplissage<br>draw.fillRect(50,50,200,50); //Remplir dans le rectangle<br>})<br></script>