Canvas createPattern() 方法

ປືກສາ Canvas

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

createPattern() ກົນບັນຍານນີ້ຈະຖືກກວດລະບຸໃນທິດທາງທີ່ກໍານົດ.

ສິ່ງສາມາດເປັນພາບ, ວິດີໂອ, ຫຼືສິ່ງ <canvas> ອີກ.

ສິ່ງທີ່ຖືກກວດລະບຸສາມາດນຳໃຊ້ສຳລັບການຂຽນ/ກວດລະບຸຕົວຫຼັກ, ສະແດງວົງທົບ, ສາຍຫຼືອີກຫຼາຍຢ່າງອີກ.

ຄວາມຈຳນວນ

ພາບທີ່ໃຊ້:

lamp

ຖືກກວດລະບຸໃນທິດທາງພາກແລະທິດທາງທັງສັງຄະນະ:

ບານບານຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນຕາຕະລາງ HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("lamp");
var pat=ctx.createPattern(img,"repeat");
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();

ທ້າທາຍຕົວເອງ

ວິທະຍຸ

context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");

ຄູ່ມູນພາສາ

ພາສາ ອະທິບາຍ
image ກໍານົດພາບພາບນັກຖ່າຍ, ການເຮັດຮູບພາບຫຼືສິ່ງສະແດງວິດີໂອ.
repeat ຄື້ນລະບຸ.ກົນບັນຍານນີ້ຈະຖືກກວດລະບຸໃນທິດທາງພາກແລະທິດທາງທັງສັງຄະນະ.
repeat-x ກົນບັນຍານນີ້ຈະຖືກກວດລະບຸພຽງແຕ່ໃນທິດທາງພາກຂອງມັນ.
repeat-y ກົດລະບຽບນີ້ຈະສະແດງພຽງໃນທິດທາງອາຍິດ.
no-repeat ກົດລະບຽບນີ້ຈະສະແດງພຽງໜຶ່ງຄັ້ງ (ບໍ່ສາມາດເຊົາໄດ້).

ການສະໜັບສະໜູນບັນດາບັນດາ

ຈຳນວນຂອງບັນດາບານໃນຕາລະບັນດັ່ງກ່າວສະແດງວ່າບັນດາບັນດາບານທີ່ສົມບູນສະໜັບສະໜູນບັນດາຄວາມນີ້.

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