stroke পদ্ধতি

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

বাক্য গঠন

javascriptপ্রসঙ্গ.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();

Результат:

আরও দেখুন