HTML5-Linie, Kreis, Rechteckzeichnunghttp://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"); //Eine Referenz auf den 2D-Inhalt abrufen und die Zeichnungs-API aufrufen</p>
<p>//Gradientenblock angeben<br>var grd=draw.createLinearGradient(50,50,200,50); //Koordinaten, Länge und Breite<br>grd.addColorStop(0,"black"); point Color<br>grd.addColorStop(1,"green"); //End color</p>
<p>draw.fillStyle=grd; //Als Füllstil festlegen<br>draw.fillRect(50,50,200,50); //In das Rechteck füllen<br>})<br></script>