Phương thức beginPath () canvas canvas
Thí dụ
Vẽ hai đường dẫn trên canvas; một màu xanh lá cây và một màu tím:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineWidth = "5";
ctx.strokeStyle = "green"; // Green path
ctx.moveTo(0, 75);
ctx.lineTo(250, 75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle = "purple"; // Purple path
ctx.moveTo(50, 0);
ctx.lineTo(150, 130);
ctx.stroke(); // Draw it
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
| Method | |||||
|---|---|---|---|---|---|
| beginPath() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Định nghĩa và Cách sử dụng
Phương thức beginPath () bắt đầu một đường dẫn hoặc đặt lại đường dẫn hiện tại.
Mẹo: Sử dụng moveTo (), lineTo (), quadricCurveTo (), bezierCurveTo (), arcTo () và arc (), để tạo đường dẫn.
Mẹo: Sử dụng phương thức stroke () để thực sự vẽ đường dẫn trên canvas.
| Cú pháp JavaScript: | ngữ cảnh .beginPath (); |
|---|
❮ Đối tượng Canvas