Tutoriel HTML5 pour dessiner un rectangle de code Sharing_html5 Compétences du didacticiel

Copier le code

Le code est le suivant :

">http://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<br />draw.fillStyle="# ff0000"; // La méthode 1 spécifie la couleur de remplissage <br />draw.fillRect(0,0,300,100); //Coordonnées et longueur et largeur<br />draw.fillStyle="rgba(0,0,255,0.5)"; // Méthode 2 transparence RVB<br /> draw.fillRect(400,0,100,100); //Coordonnées et longueur et largeur<br />})<br /></script>