روش Canvas stroke()

تعریف شده‌اند را به صورت واقعی کشیدند.

stroke() این روش‌ها مسیرهایی را که توسط moveTo() و lineTo() مسیرهایی که توسط این روش تعریف شده‌اند. رنگ پیش‌فرض سیاه است.

توضیح:لطفاً از strokeStyle از این ویژگی برای کشیدن رنگ‌های دیگر/تغییرات استفاده کنید.

مثال

یک مسیر با شکل حرف L سبز رنگ بکشید:

مرورگر شما از تگ HTML5 canvas پشتیبانی نمی‌کند.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="green";
ctx.stroke();

خودتان امتحان کنید

زبان برنامه‌نویسی

context.stroke();

پشتیبانی مرورگر

اعداد در این جدول نشان‌دهنده نسخه اولین مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

توضیح:نسخه‌های 8 و قبل از آن از Internet Explorer از عنصر <canvas> پشتیبانی نمی‌کنند.