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"; // Patan baki ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // A cikin tsare ctx.beginPath(); ctx.strokeStyle="blue"; // Patan bili ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // A cikin tsare
Gwamnati
context.beginPath();
Dalilin samu browsers
Daki na taban suna bayyana sabon browsers da suka taɗaɗa kuma suka taɗaɗa samu
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tarkasa:Internet Explorer 8 da yadda suka gabata ba a taɗaɗa <canvas> ɗimiko ba.