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