طريقة 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

ملاحظة:لا يدعم إصدار Internet Explorer 8 وأحدث إصداراته عنصر <canvas>.