HTML canvas beginPath() 方法
定义和用法
beginPath()
方法开始一条路径,或重置当前的路径。
提示:请使用这些方法来创建路径:moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() 以及 arc()。
提示:请使用 stroke() 方法在画布上绘制确切的路径。
实例
在画布上绘制两条路径;红色和蓝色:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // ทางสีแดง ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // ทำการวาด ctx.beginPath(); ctx.strokeStyle="blue"; // ทางสีฟ้า ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // ทำการวาด
ระบุภาษา
context.beginPath();
การสนับสนุนโปรแกรมนีเวอร์
ตัวเลขในตารางระบุเวอร์ชั่นแรกที่สนับสนุนคุณสมบัตินี้
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ:Internet Explorer 8 และเวอร์ชั่นที่เก่ากว่าไม่สนับสนุนอิเล็กทรอนิกส์ <canvas> อิเล็กทรอนิกส์