Gli ultimi tutorial di sviluppo web

×

JavaScript Riferimento

JavaScript

JS stringa JS Numero JS operatori JS dichiarazioni JS Matematica JS Data JS schieramento JS booleano JS RegExp JS situazione generale JS Conversione

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementi DOM attributi DOM evento DOM Stile

HTML Oggetti

<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>

altri oggetti

CSSStyleDeclaration

HTML canvas strokeRect() Method

Esempio

Disegnare un rettangolo di 150 * 100 pixel:

JavaScript:

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

Prova tu stesso "

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

Metodo
strokeRect()	4.0	9.0	3.6	4.0	10.1

Definizione e l'utilizzo

Lo strokeRect() metodo disegna un rettangolo (no fill) . Il colore di default della corsa è nero.

Tip: Utilizzare la strokeStyle proprietà per impostare un colore, una sfumatura o un pattern per lo stile della corsa.

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

valori dei parametri

Parametro	Descrizione	Gioca
x	La coordinata x dell'angolo superiore sinistro del rettangolo	Gioca "
y	La coordinata y dell'angolo superiore sinistro del rettangolo	Gioca "
width	La larghezza del rettangolo, in pixel	Gioca "
height	L'altezza del rettangolo, in pixel	Gioca "