Canvas beginPath() Method
Paglilinaw at Paggamit
beginPath()
Ang paraan ay nagsisimula ng isang linya, o inililipat ang kasalukuyang linya.
Mga paliwanag:Gumamit ng mga paraan upang lumikha ng linya: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() at arc().
Mga paliwanag:Gumamit ng: stroke() Ang paraan ay nagpipinta ng tiyak na linya sa kanvas.
Sample
Ipipinta ng dalawang linya sa kanvas; kulay pulang at asul:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // Linya ng kulay pulang ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // Mga pagpipinta ctx.beginPath(); ctx.strokeStyle="blue"; // Linya ng kulay asul ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // Mga pagpipinta
语法
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> 元素。