ກົນລະຍຸດ fillRect() HTML canvas
ການກຳນົດແລະການນໍາໃຊ້
fillRect()
ກົນລະຍຸດທີ່ສະໜັບສະໜູນຂອງການຂັດສະພາບ 'ທີ່ບັນຈຸ' ຂອງຕົວອອກ. ລະຫວ່າງການບັນຈຸຄົງເປັນສີດຳ.
ຄຳແນະນຳ:ກະຕຸ້ນຕ້ອງນຳໃຊ້ fillStyle ການກຳນົດວັດຖຸທີ່ນຳໃຊ້ສຳລັບການບັນຈຸພາບຂັດສະພາບ, ການປ່ຽນສະຫຼາດຫຼືການກະຈາຍ.
ຄວາມຈິງ
ຈັດການຂັດສະພາບຂອງຕົວອອກຈາກ 150*100 ພາມຕະລີ.
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillRect(20,20,150,100);
Syntax
context.fillRect(x,y,width,height);
Parameter Value
Parameter | ການອະທິບາຍ |
---|---|
x | x ຂອງບັນຍາບັນສະຫລາກທີ່ສອກທີ່ສຸດທາງຊ້າຍຂອງສະຫລາກ. |
y | y ຂອງບັນຍາບັນສະຫລາກທາງກາງທີ່ສອກຂອງສະຫລາກ. |
width | ຄວາມວົງວຽງຂອງສະຫລາກ, ສາມາດວັດຖຸ. |
height | ຄວາມສູງຂອງສະຫລາກ, ສາມາດວັດຖຸ. |
Browser Support
ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງໄດ້ສະແດງຄັ້ງທໍາອິດຂອງການສະໜັບສະໜູນຂອງການປະກອບນັ້ນ.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ຄວາມເຫັນ:Internet Explorer 8 ແລະ ກວ່ານັ້ນບໍ່ສາມາດສະໜັບສະໜູນ <canvas> ປະເພດ.