rotate()
Canvas rotate() metodi
Misol
To‘rtburchakni 20 gradusga aylantiring:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50, 20, 100, 50);
O‘zingiz sinab ko‘ring »
Tavsif
rotate() metodi kontekstni aylantiradi.
Eslatma
Aylantirish faqat aylantirish metodi chaqirilganidan KEYIN chizilgan chizmalarga ta’sir qiladi.
Shuningdek qarang:
scale() metodi (kontekstni masshtablash)
translate() metodi (0,0 pozitsiyasini ko‘chirish)
transform() metodi (kontekstni masshtablash, aylantirish, ko‘chirish, qiyshaytirish)
setTransform() metodi (kontekstni masshtablash, aylantirish, ko‘chirish, qiyshaytirish).
Sintaksis
| context.rotate(angle) |
Parametr qiymatlari
| Parametr | Tavsif | Sinab ko‘rish |
|---|---|---|
| angle | Aylantirish burchagi, radianlarda Radianlar = gradus*Math.PI/180. 5 gradusga aylantirish uchun: 5*Math.PI/180 |
Sinab ko‘rish » |
Qaytariladigan qiymat
| YO‘Q |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
rotate() barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!