Canvas lineCap Attribute

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

lineCap ການການຕັ້ງຕອນຫຼືການຫຼຸດຕອນຂອງວົງກວ້າງທີ່ສຸດຂອງເສັ້ນສາຍ.

ບັນທາງ:"round" ແລະ "square" ຈະເຮັດໃຫ້ເສັ້ນສາຍຍາວກວ່າມັນ.

ຄວາມຄົບຄາມ

ການຂັບສິ່ງທີ່ສຸດຂອງວົງກວ້າງ:

ບັນຊີບອກບໍ່ສາມາດສະໜັບສະໜຸນເທັກນິກ canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();

ທ້າທາຍຕົວເອງ

ວິທະຍາສາດ

context.lineCap="butt|round|square";

ຄູ່ມູນທາງວັດຖຸ

ຄູ່ມູນ ອະທິບາຍ
butt ຄົນທີ່ມີຄວາມຈິງ. ການເພີ່ມວົງກວ້າງທີ່ສຸດຂອງເສັ້ນສາຍ.
round ການເພີ່ມວົງກວ້າງທີ່ສຸດຂອງເສັ້ນສາຍ.
square 向线条的每个末端添加正方形线帽。

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມັດຄົງເບື້ອງມື້ນີ້: butt

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

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

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

ບັນທາງ:Internet Explorer 8 ແລະຫຼັງນັ້ນບໍ່ສະໜັບສະໜູນສັບສົນ <canvas>.