HTML Canvas-এর stroke() মেথড পাথ বা পথ আঁকতে ব্যবহৃত হয়। এই পাথটি moveTo() এবং lineTo() মেথড দিয়ে তৈরি করা হয়। <canvas> এলিমেন্ট JavaScript ব্যবহার করে ওয়েব পেজে গ্রাফিক্স আঁকতে দেয়। প্রতিটি ক্যানভাসের উচ্চতা ও প্রস্থের জন্য height এবং width অ্যাট্রিবিউট থাকে।
সিনট্যাক্স
ctx.stroke()
উদাহরণ
<!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="450" height="350" style="border:2px solid red;"> </canvas> <script> var c = document.getElementById("newCanvas"); var ctx = c.getContext("2d"); ctx.beginPath(); ctx.moveTo(100, 200); ctx.lineTo(100, 100); ctx.strokeStyle = "blue"; ctx.stroke(); ctx.beginPath(); ctx.moveTo(30, 30); ctx.lineTo(20, 100); ctx.lineTo(70, 100); ctx.strokeStyle = "orange"; ctx.stroke(); </script> </body> </html>
আউটপুট
