YouTip LogoYouTip

Prop Canvas Linewidth

# HTML canvas lineWidth Property [![Image 8: Canvas Object Reference](#) Canvas Object](#) ## 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 Β»](#) * * * ## Browser Support ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) The lineWidth property is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. **Note:** Internet Explorer 8 and earlier versions do not support the element. * * * ## 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 | | --- | --- | | _number_ | The current line width, in pixels. | * * Canvas Object](#)
← Prop Canvas MiterlimitProp Canvas Linejoin β†’