روش 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

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

منوی مرجع Canvas