मेथड stroke

stroke मेथड को lineTo की सहायता से लाइन ड्राइंग पूरा करने के लिए, साथ ही उन आकृतियों को कोंटूर के साथ आउटलाइन करने के लिए कहा जाता है, जो, उदाहरण के लिए, rect मेथड के माध्यम से बनाई गई हैं।

सिंटैक्स

javascriptcontext.stroke()

उदाहरण

आइए एक रेखा बनाएं:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат:

उदाहरण

आइए एक वर्ग बनाएं:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath();
ctx.stroke();

Результат:

यह भी देखें