Empties the list of subpaths in the context’s current default path so that it once again has zero subpaths.
Method of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D
Syntax context.beginPath();
No return value
ExamplesThis is a full example that uses beginPath to create two stroked lines.
<html>
<head>
<title>Canvas beginPath example</title>
<script>
function beginDemo() {
var canvas = document.getElementById("demo")
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.lineWidth = "3";
ctx.strokeStyle = "blue";
ctx.moveTo(0, 0);
ctx.lineTo(150, 150);
ctx.lineTo(200, 150);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "red";
ctx.moveTo(0, 0);
ctx.lineTo(50, 150);
ctx.stroke();
}
}
</script>
</head>
<body onload="beginDemo();">
<canvas id="demo" width="300" height="300">This browser or document mode doesn't support canvas</canvas>
</body>
</html>
This snippet shows the basis syntax for beginPath() using the canvas context.
var ctx = canvas.getContext('2d');
ctx.beginPath();
A path consists of a list of zero or more subpaths. Each subpath is a list of one or more points that are connected by straight or curved lines. Each subpath also contains a flag that indicates whether the subpath is closed. If a subpath is closed, the last point of the subpath is connected to the first point by a straight line. Subpaths that have fewer than two points are ignored when the path is painted.
Related specificationsMicrosoft Developer Network: Windows Internet Explorer API reference Article
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4