مетод rotate() کانواس HTML

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

rotate() روش چرخش ترسیم فعلی.

مثال

مکعب مستطیل را 20 درجه چرخش دهید:

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

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.

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

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

کروم کنج افرادا سافاری اپرا
کروم کنج افرادا سافاری اپرا
4.0 9.0 3.6 4.0 10.1

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