ຄູ່ມອະທິບາຍ HTML Canvas
ຄູ່ມອະທິບາຍ HTML Canvas
HTML
ເພື່ອຂໍ້ມູນຫຼາຍກວ່າກ່ຽວກັບ <canvas> ກະວຸດຫາກສື່ມວນຊົນຂອງພວກເຮົາ
ສີ ແລະ ຮູບແບບ ແລະ ວົງທາງ
ປະກອບ |
ອະທິບາຍ |
fillStyle |
ການກະຈາຍສີ ແລະ ສີຫຼາຍລະຫວ່າງການກະຈາຍສີທີ່ສະແດງສີຂອງການກະຈາຍ |
strokeStyle |
ການກະຈາຍສີ ແລະ ສີຫຼາຍລະຫວ່າງການສະແດງສີຂອງການສັບສົນ |
shadowColor |
ການກະຈາຍສີທີ່ສະແດງສີຂອງວົງທາງ |
shadowBlur |
ການກະຈາຍຄວາມບາດບານຂອງສີຂອງວົງທາງ |
shadowOffsetX |
ການກະຈາຍຄວາມຫ່າງທິດທາງກາງມິຕິສົມທີ່ສະແດງສີຂອງວົງທາງ |
shadowOffsetY |
ການກະຈາຍຄວາມຫ່າງທິດທາງຕາມມິຕິສົມທີ່ສະແດງສີຂອງວົງທາງ |
ການສະແດງສາຍ
ປະກອບ |
ອະທິບາຍ |
lineCap |
ການກະຈາຍຄວາມຍາວທາງສັງຫວັນທີ່ຫົວຫຼັງສາຍ |
lineJoin |
ການກະຈາຍຄວາມຍາວທາງສັງຫວັນທີ່ທີ່ມີການຕອບສວນລະຫວ່າງສາຍສອງ |
lineWidth |
ການກະຈາຍຄວາມຍາວທາງສັງຫວັນທີ່ປະຈຸບັນ |
miterLimit |
ການກະຈາຍຄວາມຍາວທາງສັງຫວັນທີ່ສູງສຸດຂອງການຕອບສວນ |
ຕາຕະລາງ
ວິທີການ |
ອະທິບາຍ |
rect() |
ສ້າງບັນນາທະບັດຕາຕະລາງ |
fillRect() |
ຂຽນບັນນາທະບັດຕາຕະລາງ 'ກະຈາຍ' (fillRect()) |
strokeRect() |
ຂຽນບັນນາທະບັດຕາຕະລາງ (ບໍ່ມີການກະຈາຍ) |
clearRect() |
ການກວດກົດລັງຕົວຂອງປະກອບຈຳນວນພາບຈາກສະແດງບັນນາທະບັດທີ່ໃຫ້ |
ການປ່ຽນ
ວິທີການ |
ອະທິບາຍ |
scale() |
ການດັດແປງການສະໝັກການຂຽນຫຼາຍຫຼືຫຼາຍກວ້າງ |
rotate() |
ການສະໝັກການຂຽນ |
translate() |
ການປ່ຽນການຕັ້ງຂອງຫົວເຂດວິດີໂອທີ່ (0,0) |
transform() |
ການປະສົມການປ່ຽນລະບາຍທີ່ມີຢູ່ໃນການຂຽນ |
setTransform() |
ການປະລິນຍາການປ່ຽນແປງການປ່ຽນລະບາຍປະຈຳວັນນະຍົດມາສະຖານະສະໝອງການປ່ຽນລະບາຍປະຈຳວັນນະຍົດ |
ຄຳຂຽນ
ປະກອບ |
ອະທິບາຍ |
font |
ການຕັດແຕ່ງຫຼັກລາຍການທີ່ມີຢູ່ໃນການຕັດສິນລະບາຍຄຳຂຽນ |
textAlign |
ການຕັດແຕ່ງການຕັດສິນລະບາຍທີ່ມີຢູ່ໃນການຕັດສິນລະບາຍຄຳຂຽນ |
textBaseline |
ການຕັດແຕ່ງຫຼັກສາຍລະບາຍທີ່ມີຢູ່ໃນການຂຽນຄຳຂຽນ |
ວິທີການ |
ອະທິບາຍ |
fillText() |
ການຂຽນຄຳຂຽນໃນໜ້າວິດີໂອທີ່ມີການຂຽນຄຳປະມານ |
strokeText() |
ການຂຽນຄຳຂຽນໃນໜ້າວິດີໂອທີ່ບໍ່ມີການຂຽນຂອງຄຳປະມານ |
measureText() |
ກັບຄືນໂອກາດທີ່ກວມມີຄວາມວົງກວ້າງຂອງຄຳຂຽນ |
ການຂຽນພາບ
ວິທີການ |
ອະທິບາຍ |
drawImage() |
ການຂຽນພາບທີ່ມີຢູ່ໃນໜ້າວິດີໂອ, ໜ້າວິດີໂອຫຼືວິດີໂອ |
ການປະຕິບັດພາບຂະໜາດບຸກ
ປະກອບ |
ອະທິບາຍ |
width |
ກັບຄືນຄວາມວົງກວ້າງຂອງໂອກາດ ImageData |
height |
ກັບຄືນຄວາມສູງຂອງໂອກາດ ImageData |
data |
ກັບຄືນໂອກາດສະແດງຂອງໂອກາດ ImageData |
ອື່ນໆ
ວິທີການ |
ອະທິບາຍ |
save() |
ກະຕຸ້ນການລະບຸບຂອງການສະຖານະປະຈຳປັດຈຸບັນ |
restore() |
ກັບຄືນວາງການລະບຸບແລະຜົນງານຂອງການກະຕຸ້ນກ່ອນ |
createEvent() |
|
getContext() |
|
toDataURL() |
|