أحدث البرامج التعليمية وتطوير الشبكة
 

HTML canvas rotate() Method

<HTML قماش المرجعي

مثال

تدوير مستطيل 20 درجة:

YourbrowserdoesnotsupporttheHTML5canvastag.

جافا سكريبت:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
انها محاولة لنفسك »

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.

طريقة
rotate() نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

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

و rotate() طريقة يدور الرسم الحالي.

ملاحظة: إن دوران يؤثر فقط الرسومات التي تتم بعد الانتهاء من التناوب.

جافا سكريبت بناء الجملة: context.rotate( angle );

قيم معلمة

معامل وصف العبها
angle زاوية دوران، بالراديان.

لحساب من الدرجات إلى راديان:درجة* Math.PI / 180.
على سبيل المثال: لتدوير 5 درجات، وحدد ما يلي: 5 * Math.PI / 180
العبها "

<HTML قماش المرجعي