ວິທະຍາສາດ Canvas translate()
ການອະທິບາຍແລະການນໍາໃຊ້
translate() ວິທະຍາສາດການກະຈາຍຕາມຈຸດຕັ້ງ (0,0) ໃນແຜ່ນສະແດງ.
ຄວາມກ່າວ:ຖ້າທ່ານເອິ້ນວິທະຍາສາດທີ່ຕາມມູນຄ່າວັດທະນາຄານຫຼັງຈາກ translate() fillRect() ພາຍໃນກົນລະຍຸດນັ້ນຈະມີຄູ່ມີຕາມຈຸດຕາມມູນຄ່າວັດທະນາຄານ x ແລະ y ຕາມຈຸດຕາມມູນຄ່າວັດທະນາຄານ
ຄວາມຄົງທາງ
ຂຽນຟອນຂອງຕາກັບຕັດສິນທີ່ (10,10) ແລະການຕັ້ງຈຸດຕັ້ງຫຼັງຈາກນັ້ນ (0,0) ແມ່ນ (70,70) ໃໝ່。ຂຽນຟອນຂອງຕາກັບຕັ້ງຈຸດຕັ້ງຫຼັງຈາກນັ້ນ (80,80) (ບໍ່ວ່າບໍ່ຮູ້ຈັກການກະຈາຍ):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
ວິທະຍາສາດ
context.translate(x,y);
ຄູ່ມີຈຸດນະພາບ
| ປະກອບ | ການອະທິບາຍ |
|---|---|
| x | ການເພີ່ມຄູ່ມີຕາມການກະຈາຍທີ່ພາກພື້ນ (x)。 |
| y | ການເພີ່ມຄູ່ມີຕາມການກະຈາຍທີ່ສູງ (y)。 |
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ຄວາມກ່າວ:ເຄື່ອງໃຊ້ <canvas> ບໍ່ໄດ້ສະໜັບສະໜູນໃນສາຍອິນເຕີເລີ້ມ Internet Explorer 8 ແລະອັນດັບໜ້ານີ້.
