ກົນລະຍຸດ fillRect() HTML canvas

ການກຳນົດແລະການນໍາໃຊ້

fillRect() ກົນລະຍຸດທີ່ສະໜັບສະໜູນຂອງການຂັດສະພາບ 'ທີ່ບັນຈຸ' ຂອງຕົວອອກ. ລະຫວ່າງການບັນຈຸຄົງເປັນສີດຳ.

ຄຳແນະນຳ:ກະຕຸ້ນຕ້ອງນຳໃຊ້ fillStyle ການກຳນົດວັດຖຸທີ່ນຳໃຊ້ສຳລັບການບັນຈຸພາບຂັດສະພາບ, ການປ່ຽນສະຫຼາດຫຼືການກະຈາຍ.

ຄວາມຈິງ

ຈັດການຂັດສະພາບຂອງຕົວອອກຈາກ 150*100 ພາມຕະລີ.

ບັນຊີບໍ່ສາມາດສະໜັບສະໜູນແຜ່ນມືພາສາ HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Try it yourself

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> ປະເພດ.