HTML canvas beginPath() method

ອີນໂລແກຣມ HTML5 Canvas

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

beginPath() ວິທີການເລີ່ມວົງວອກຫຼືທຳຄວາມສະຫຼາຍວົງວອກປະຈຸບັນ.

ຄຳແນະນຳ:ຍັງຈະນຳໃຊ້ວິທີການນີ້ເພື່ອສ້າງວົງວອກ: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() ແລະ arc().

ຄຳແນະນຳ:ຍັງຈະນຳໃຊ້ stroke() ວິທີການຂຽນວົງວອກຕາຕະລາງຢ່າງຄົບຖ້ວນທີ່ບັນຊີ.

ຕົວຢ່າງ

ຂຽນວົງວອກສອງວົງວອກໃນບັນຊີ; ສີກາວ ແລະ ສີຂຽວ:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // ສາຍບາດສີກະສັດ
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // ການຂຽນສາຍບາດ
ctx.beginPath();
ctx.strokeStyle="blue"; // ສາຍບາດສີຫວັດສາຍ
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // ການຂຽນສາຍບາດ

ສອບທອດຄືນດັ່ງທີ່ພວກເຈົ້າສາມາດ

ສັບສິນວິທີການ

context.beginPath();

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

ບັນທຶກ:Internet Explorer 8 ແລະກ່ວາບໍ່ສະໜັບສະໜູນ <canvas> ສັດສິນ.

ອີນໂລແກຣມ HTML5 Canvas