ການສະໝອງ Canvas 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

ຄໍາເຫັນ:Internet Explorer 8 ແລະອັນດັບນີ້ບໍ່ສະໜັບສະໜູນປະກອມ <canvas>.

ອຸປະກອນການຫຼີ້ນ Canvas