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();
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਸਿਫ਼ਰ ਸਾਰੇ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਦਾ ਸੂਚਨਾ ਦਿੰਦੇ ਹਨ。
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਸੰਸਕਰਣ ਨਹੀਂ <canvas> ਐਲੀਮੈਂਟ ਸਮਰਥਨ ਕਰਦੇ ਹਨ。