THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML

HTML canvas lineWidth Property

HTML canvas Reference HTML Canvas Reference

Example

Draw a rectangle with a line width of 10 pixels:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.strokeRect(20,20,80,100);
Try it Yourself »

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
lineWidth Yes 9.0 Yes Yes Yes

Definition and Usage

The lineWidth property sets or returns the current line width, in pixels.

Default value: 1
JavaScript syntax: context.lineWidth=number;

Property Values

Value Description Play it
number The current line width, in pixels Play it »

HTML canvas Reference HTML Canvas Reference