Easy Tutorial
❮ Att Frame Marginheight Tag Dfn ❯

HTML canvas closePath() Method

HTML canvas Reference Manual

Example

Draw a path in the shape of the letter L, then draw a line back to the starting point:

JavaScript:


Browser Support

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the closePath() method.

Note: Internet Explorer 8 and earlier versions do not support the <canvas> element.


Definition and Usage

The closePath() method creates a path from the current point back to the starting point.

Tip: Use the stroke() method to draw the actual path on the canvas.

Tip: Use the fill() method to fill the image (default is black). Use the fillStyle property to fill with another color/gradient.

| JavaScript Syntax: | context.closePath(); | | --- | --- |


More Examples

Example

Fill with red as the color:

JavaScript:


❮ Att Frame Marginheight Tag Dfn ❯