एचटीएमएल कैनवस rotate() विधि

परिभाषा और उपयोग

rotate() मौजूदा ड्राइंग को घुमाएं

उदाहरण

वर्गाकार को 20 डिग्री घुमाएं:

आपका ब्राउज़र एचटीएमएल5 कैनवस टैग का समर्थन नहीं करता है।

जावास्क्रिप्ट:

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> एलीमेंट को समर्थन नहीं देते हैं。