Dessine les contours d'un rectangle dans le canvas
Syntaxe myContext.rect(x, y, largeur, hauteur);
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description Dessine les contours d'un rectangle de dimensions largeur et hauteur dans le canvas dont le coin supérieur gauche est en (x, y).
Attention, sans appel à stroke(), rien ne s'affiche.
Exemple 1 : Encadre la zone de texte d'un rectangle
Code source
<canvas id="myCanvas"></canvas>
<script type="text/javascript"> var myCanvas=document.getElementById("myCanvas"); var myContext=myCanvas.getContext("2d");
/* Affichage d'un texte */ var txt="My Big Text";
myContext.font="20px arial";
myContext.fillText(txt, 20,100);
/* Encadrement du texte et recherche des dimensions */ var largeur = parseInt(myContext.measureText(txt).width); var hauteur = 20; var x = 20; var y = 100-hauteur;
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="canvasrenderingcontext2d.rect"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='320'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="320"
SELECT * FROM js_exemple WHERE ID='320' ORDER BY ordre
SELECT * FROM js_url WHERE ID='320' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre
En savoir plus
