Phương pháp Canvas beginPath()
Định nghĩa và cách sử dụng
beginPath() Phương pháp bắt đầu một đường dẫn, hoặc đặt lại đường dẫn hiện tại.
Lưu ý:Vui lòng sử dụng các phương pháp này để tạo đường dẫn: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() và arc().
Lưu ý:Vui lòng sử dụng stroke() Phương pháp vẽ đường dẫn chính xác trên canvas.
Mẫu
Vẽ hai đường dẫn trên canvas; màu đỏ và xanh:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // Đường dẫn màu đỏ
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Thực hiện vẽ
ctx.beginPath();
ctx.strokeStyle="blue"; // Đường dẫn màu xanh
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Thực hiện vẽ
Cú pháp
context.beginPath();
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ phần tử <canvas>.
