Derniers tutoriels de développement web

×

JavaScript Référence

JavaScript

JS chaîne JS Nombre JS opérateurs JS Déclarations JS Les maths JS date JS tableau JS Boolean JS RegExp JS Situation générale JS Conversion

Navigateur BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Éléments DOM Les attributs DOM événement DOM style

HTML Objets

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Autres objets

CSSStyleDeclaration

HTML canvas strokeRect() Method

Exemple

Tracer un rectangle de 150 x 100 pixels:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

Essayez vous - même »

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.

méthode
strokeRect()	4.0	9.0	3.6	4.0	10.1

Définition et utilisation

Le strokeRect() méthode dessine un rectangle (no fill) de (no fill) . La couleur par défaut de la course est noir.

Tip: Utilisez la strokeStyle propriété pour définir une couleur, dégradé ou motif de style la course.

syntaxe JavaScript:	context . strokeRect( x,y,width,height ) ;

Les valeurs des paramètres

Paramètre	La description	Joue-le
x	La coordonnée x du coin supérieur gauche du rectangle	Joue-le "
y	La coordonnée y du coin supérieur gauche du rectangle	Joue-le "
width	La largeur du rectangle en pixels	Joue-le "
height	La hauteur du rectangle en pixels	Joue-le "