HTML canvas stroke() 方法

定义和用法

stroke() 方法会实际地绘制出通过 moveTo()lineTo() 方法定义的路径。默认颜色是黑色。

提示:请使用 strokeStyle 属性来绘制另一种颜色/渐变。

实例

绘制一条路径,形状是绿色的字母 L:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="green";
ctx.stroke();

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ

context.stroke();

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਨੰਬਰ ਵਿੱਚ ਪਹਿਲੀ ਵਾਰ ਇਸ ਗੁਣ ਦਾ ਪੂਰਣ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਦਿੱਤੀ ਗਈ ਹੈ。

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀ:Internet Explorer 8 ਅਤੇ ਪਹਿਲੇ ਵਰਜਨ ਨਹੀਂ <canvas> ਐਲੀਮੈਂਟ ਸਮਰਥਨ ਕਰਦੇ।