मेथड stroke
stroke मेथड को
lineTo की सहायता से लाइन ड्राइंग पूरा करने के लिए,
साथ ही उन आकृतियों को कोंटूर के साथ आउटलाइन करने के लिए कहा जाता है, जो,
उदाहरण के लिए, rect मेथड के माध्यम से बनाई गई हैं।
सिंटैक्स
context.stroke()
उदाहरण
आइए एक रेखा बनाएं:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();
:
उदाहरण
आइए एक वर्ग बनाएं:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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();
:
यह भी देखें
-
fillमेथड,
जिसका उपयोग किसी आकृति को बैकग्राउंड से भरने के लिए किया जाता है -
strokeStyleप्रॉपर्टी,
जो लाइन का रंग निर्धारित करती है
