روش HTML canvas stroke()

دستورالعمل‌های کانواس HTML5

تعریف و استفاده

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

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

مثال

یک مسیر بکشید، شکل آن حرف ل سبز است:

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

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 و نسخه‌های قبلی از عنصر <canvas> را پشتیبانی نمی‌کنند.

دستورالعمل‌های کانواس HTML5