Canvas lineTo() ວິທີການ

ປືກສາ Canvas

ການອະທິບາຍແລະການນໍາໃຊ້

lineTo() ວິທີການໃຫ້ມີຈຸດໃໝ່ຫຼັງຈາກນັ້ນສ້າງທາງຈາກຈຸດນັ້ນໄປຫາຈຸດສຸດທ້າຍທີ່ຈະບໍ່ສ້າງທາງ(ວິທີການນັ້ນຈະບໍ່ສ້າງທາງ).

ຄຳແນະນຳ:ນຳໃຊ້ stroke() ວິທີການຂອງມັນຈະຂຽນຕາມທາງທີ່ສະແດງຄວາມທີ່ຕັ້ງຢູ່ໃນກາງບັນຊີ.

ກໍານົດ

ຄວາມນິຍົມ 1

ເລີ່ມຕາມທາງທີ່ສະເພາະທີ່ 0,0. ສ້າງຕາມທາງມາດຕະລາງ 300,150:

ບັນຊີບໍ່ສາມາດສະໜັບສະໜູນຕາຕະລາງ HTML5 canvas.

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(x,y);

ຄວາມຜົນງານຂອງປະເພດ

ປະເພດ ການອະທິບາຍ
x ຢູຍມາດຕະລາງທີ່ສະເພາະຂອງວົງວຽນ x.
y ຢູຍມາດຕະລາງທີ່ສະເພາະຂອງວົງວຽນ y.

ຫຼາຍກໍານົດອີກ

ຄວາມນິຍົມ 2

ຂຽນຕາມທາງທີ່ສະແດງຄວາມ L:

ບັນຊີບໍ່ສາມາດສະໜັບສະໜູນຕາຕະລາງ HTML5 canvas.

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>.

ປືກສາ Canvas