Partage de code rectangle de dessin HTML5 Dessin

Commentaire: HTML5 peut dessiner de nombreuses formes. Ce qui suit est le code pour dessiner des rectangles. Veuillez vous y référer.

<! Doctype html> <éad- head>

<Meta Charset = UTF-8>

<Title> Html5 Draw Rectangle </Title>

<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </ script"> "> </ script </ a>

</ head>

<cript>

$ (document) .ready (function () {

var c = document.getElementById ("Drawbox");

var draw = c.getContext ("2d"); // Obtenez une référence au contenu 2D et appelez l'API de dessin

draw.fillstyle = "# ff0000"; // méthode 1 spécifie la couleur de remplissage

draw.fillrect (0,0,300,100); // coordonnées et longueur et largeur

draw.fillStyle = "rgba (0,0,255,0.5)"; // Méthode 2 RVB + Transparence

draw.fillrect (400,0,100,100); // coordonnées et longueur et largeur

})

</cript>

</docy>

<lebvas> </ canvas>

</docy>

</html>

Diagramme de reproduction