stroke পদ্ধতি

stroke পদ্ধতিটি呼叫 করা হয় lineTo ব্যবহার করে একটি লাইন আঁকা শেষ করতে, সেইসাথে আউটলাইন করতে, উদাহরণস্বরূপ, rect পদ্ধতির মাধ্যমে আঁকা আকারগুলিকে।

বাক্য গঠন

প্রসঙ্গ.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 বৈশিষ্ট্য,
যা লাইনের রং সেট করে