Draw a 150*100 pixels rectangle:
JavaScript:
The strokeRect method creates a rectangle.
Use the strokeStyle attribute to specify a color, black is default and will be used if the strokeStyle attribute is not specified.
The strokeRect method takes four parameters (x,y,w,h).
The first two parameters represents the x and y coordinates of where to place the rectangle in the canvas.
The last two parameters represents the size (width and height) of the rectangle.
| JavaScript syntax: | context.strokeRect(x,y,width,height); |
|---|
![]()
The strokeRect method is supported in all major browsers.
| Parameter | Values | Description | Play it |
|---|---|---|---|
| x | x-coordinate | The canvas' x-coordinate of where to place the upperleft corner of the rectangle | Play it » |
| y | y-coordinate | The canvas' y-coordinate of where to place the upperleft corner of the rectangle | Play it » |
| width | width | The width of the rectangle, in pixels | Play it » |
| height | height | The height of the rectangle, in pixels | Play it » |
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| WEB HOSTING |
|---|
| Best Web Hosting |
| PHP MySQL Hosting |
| Best Hosting Coupons |
| UK Reseller Hosting |
| Cloud Hosting |
| Top Web Hosting |
| $3.98 Unlimited Hosting |
| Premium Website Design |
| WEB BUILDING |
|---|
| Download XML Editor |
| FREE Website BUILDER |
| Best Website Templates Top CSS Templates |
| CREATE HTML Websites |
| EASY WEBSITE BUILDER |
| W3SCHOOLS EXAMS |
|---|
|
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP |
| W3SCHOOLS BOOKS |
|---|
|
New Books: HTML, CSS JavaScript, and Ajax |
| STATISTICS |
|---|
|
Browser Statistics Browser OS Browser Display |
| SHARE THIS PAGE |
|---|