HTML5-Zeichenrechteckhttp://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<br>draw.fillStyle="# ff0000"; // Methode 1 gibt die Füllfarbe an <br>draw.fillRect(0,0,300,100); //Koordinaten sowie Länge und Breite<br>draw.fillStyle="rgba(0,0,255,0.5)"; // Methode 2 RGB-Transparenz<br> draw.fillRect(400,0,100,100); //Koordinaten und Länge und Breite<br>})<br></script>