مетод Canvas rotate()

دليل مرجعي لـ Canvas

التعريف والاستخدام

rotate() يدير الرسم الحالي.

مثال

تدوير المربع بـ 20 درجة:

متصفحك لا يدعم علامة HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50,20,100,50);

جرب بنفسك

النحو

context.rotate(angle);

قيمة المتغير

المتغير وصف
angle

زاوية الدوران، مقاسة بالراديان.

لتحويل الزاوية إلى درجة، استخدم صيغة degrees * Math.PI / 180 للتحليل.

مثال: إذا كنت تريد إدارة 5 درجات، يمكنك تحديد المعادلة التالية: 5 * Math.PI / 180.

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

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

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

دليل مرجعي لـ Canvas