ມູນວິທະຍາສານ HTML canvas lineTo()
ການສະແດງຮູບຮ່າງ
lineTo() ວິທະຍາສາດlineTo()ທີ່ພິສພາດຄຳສັ່ງທີ່ມີຄວາມພິສພາດຈະສ້າງພື້ນຂອງຕາມການຍິງຢູບໍລິສຸກທີ່ສຸດທ້າຍຈະມີການສ້າງສາຍຈາກພື້ນດັ່ງກ່າວໄປຫາຕາມການຍິງຢູບໍລິສຸກທີ່ສຸດທ້າຍ (ວິທະຍາສາດນີ້ຈະບໍ່ສ້າງສາຍ).
ຄຳເຕືອນ:ຂ້ອຍສະແຫຼງວ່າ stroke() ວິທະຍາສາດທີ່ຂຽນຕາມການຍິງຢູບໍລິສຸກທີ່ສະແດງຕາມການຍິງຢູບໍລິສຸກ
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ເລີ່ມການສະໜາມການສະແດງຕາມການຍິງຢູບໍລິສຸກ 0,0. ສ້າງຕາມການຍິງຢູບໍລິສຸກທີ່ໄປຫາຈຸດ 300,150:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
ຄຳເຕືອນ:ມີຫຼາຍຫົວຂໍ້ທີ່ສະໜອງຫຼາຍຫົວຂໍ້ພາຍໃນບາງເບື້ອງ
ມູນວິທະຍາສານ
context.lineTo(ອຸ,ຢູ);
ຄູຂະນະກຳນົດ
| ປະເພດ | ອະທິບາຍ |
|---|---|
| ອຸ | ຈຸດປະສົງຂອງຕາມການຍິງອຸ |
| ຢູ | ຈຸດປະສົງຂອງຕາມການຍິງຢູ |
更多实例
ຕົວຢ່າງ 2
ຂຽນວິທີທາງສາຍສະໜາມທີ່ຫົວຂໍ້ L:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
ການສະໜັບສະໜູນບັນດາສາຍອາຊີບ
ຈຳນວນໃນຕາລະບັນສະແດງວ່າ ສະບາຍດັ່ງກ່າວຂອງການສະໜັບສະໜູນຂອງສາຍອາຊີບທໍາອິດທີ່ໃຫ້ການສະໜັບສະໜູນປະສົມ.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ຄໍາເຫັນ:Internet Explorer 8 ແລະ ກວ່ານັ້ນບໍ່ສາມາດສະໜັບສະໜູນ <canvas> ປະເພດ.
