Canvas lineJoin attribute

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

lineJoin ປະກອບກອງຄູ່ມູນຂອງລາຊະການສັບກະດາການທີ່ຖືກສ້າງ, ເມື່ອສາຍຫົວຫຼັງຈະປະກອບກັນ.

ບັນທາງຄຳເຫັນ:ຄູ່ມູນ "miter" ຖືກ miterLimit ຜົນກະທົບຂອງປະສັບພາສາ.

ຕົວຢ່າງ

ສ້າງລາຊະການສັບກະດາການທີ່ສະພາບຂອງສາຍຫົວຫຼັງຖືກຈັບການປະກອບກັນ:

ບັນດາສາຍທາງຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນຕົວແທນ canvas.

JavaScript:

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

ທ້າທາຍຢ່າງຕົວເອງ.

ສັນຍາວິທະຍາ

context.lineJoin="bevel|round|miter";

ຄູ່ມູນຂອງປະສັບພາສາ

ຄູ່ມູນ ອະທິບາຍ
bevel ສ້າງລາຊະການຂວາງ.
round ສ້າງລາຊະການສັບກະດາການ.
miter ຄວາມຈະເລືອກ. ສ້າງຫົວຂ້ອງທີ່ສູງ.

ຂໍ້ສັນຍາສານ

ຄວາມຈະເລືອກມີຄວາມຜົນດັ່ງກ່າວ miter

ການສະໜັບສະໜູນບັນຊີບັນຊີ

ຈຳນວນທີ່ໃນຕາຕະລາງທີ່ໄດ້ບອກວ່າສະໜັບສະໜູນຄວາມຈະເລືອກນີ້ຈະມີການສະໜັບສະໜູນໂດຍການກວດສອບທຳອິດ.

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

ບັນທາງຄຳເຫັນ:Internet Explorer 8 ແລະກ່ອນນີ້ບໍ່ສະໜັບສະໜູນ <canvas>.