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() | Yes | 9.0 | Yes | Yes | Yes |
Đị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 (); |
---|
❮ Tham chiếu HTML Canvas