HTML Canvas ທາງການ
- Previous Page Canvas Circle
- Next Page Canvas Gradient
ຕົວຢ່າງ
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
ກົນກັບ arc()
ວົງວຽນແມ່ນສ່ວນໜຶ່ງຂອງວົງ, ກໍ່ແມ່ນຕົກກະຕຸ້ນດ້ວຍສະຖານທີ່ຂອງວົງວຽນ ແລະວົງວຽນ:
Canvas ສ້າງວົງວຽນ
ຂໍ້ສະເໜີກົນກັບສາຍທາງແຜ່ນຊະຫຼາດ ເພື່ອສ້າງວົງວຽນ:
| ກົນກັບ | ອະທິບາຍ | ຂຽນ |
|---|---|---|
| beginPath() | ເລີ່ມສາຍທາງ. | ບໍ່ແມ່ນ |
| arc() | ອົງການວົງວຽນ. | ບໍ່ແມ່ນ |
| stroke() | ເຮັດຮູບ. | ແມ່ນ |
ເພື່ອຂຽນວົງວຽນໃນແຜ່ນຊະຫຼາດ, ຂໍ້ສະເໜີກົນກັບ:
- beginPath() - ຕົ້ນການສາຍ
- arc(x,y,r,start,end) - ອົງການວົງວຽນ
- stroke() - ຂຽນ
arc(x,y,r,start,end) - ສ້າງວົງວຽນ (ສາຍທາງ).
ເພື່ອສ້າງວົງວຽນ, ກະຕຸ້ນການເລີ່ມມູນກັບອະດີດຄວາມຄິດ 0, ກະຕຸ້ນການສິ້ນສຸດຄວາມຄິດ 2 * Math.PI.
x ແລະ y ອົງການຄຳສັບສະຖານທີ່ຂອງວົງວຽນ.
r ອົງການຄຳສັບວົງວຽນ.
See also:
- Previous Page Canvas Circle
- Next Page Canvas Gradient
