Canvas miterLimit ປະສົມປະກອບ

ປືກສາກັບ Canvas

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

miterLimit ການຕັດສິນຫຼືການກັບຄືນຄວາມຍາວການຕັດກັນຫຼາຍກວ່າຫຼາຍກວ່າຫຼາຍຫຼາຍ.

ຄວາມຍາວການຕັດກັນຫຼາຍກວ່າຫຼາຍກວ່າຫຼາຍຫຼາຍພຽງພໍພຽງພາຍໃນການປະສົມກັນຂອງສອງສາຍພາຍໃນການສູດກັນຂອງຂ້າງຫຼັງ.

ຄຳແນະນຳ:ພຽງແຕ່ບໍ່ແມ່ນ lineJoin ຈະມີຄວາມຕັດສິນ "mitermiterLimit ຈະມີຜົນບັງຄັບພຽງແຕ່ບໍ່ແມ່ນ "

ຄວາມສະໝອງຂອງຂ້າງຫຼັງຈະຫຼາຍກວ່າຫຼາຍຫຼາຍພຽງພໍພຽງພາຍໃນ lineJoin.

ເພື່ອຫຼີກຫຼົງຄວາມຍາວການຕັດກັນຫຼາຍກວ່າຫຼາຍຫຼາຍພຽງພໍພຽງພາຍໃນ lineJoin ພວກເຮົາສາມາດໃຊ້ປະສົມປະກອບ miterLimit.

ຖ້າຄວາມຍາວການຕັດກັນຫຼາຍກວ່າຄວາມຕັດສິນ miterLimit ຂອງ lineJoin ຈະສະແດງຢູ່ດ້ວຍ "bevelຮູບແບບທີ່ສະແດງ (ຮູບພາບ 3):

ຄວາມຈຳນວນ

ຂຽນສາຍທີ່ຍາວການຕັດກັນຫຼາຍກວ່າ 5:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();

ການທົດລອງດີຕະຫຼອດຕົນ.

ສັນຍາວິທະຍາ

context.miterLimit=number;

ຄວາມຕັດສິນທາງປະກອບ

ຄວາມຕັດສິນ ອະທິບາຍ
number

ຈຳນວນທີ່ສູງ.

ຖ້າຄວາມຍາວການຕັດກັນຫຼາຍກວ່າຄວາມຍາວ miterLimit ຂອງຄຳສັ່ງ lineJoin ຈະສະແດງຢູ່ດ້ວຍຮູບແບບ "bevel".

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄູ່ມູນຈຳນວນສະຖານະການເປັນການສະໜັບສະໜູນສະໜັບສະໜູນ 10

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

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

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

ບັນທືກ:ສາຍຫຼັງອິນເຕີເນັດ ອີເລກເຈັດ ແລະຫຼັງອີເລກນັ້ນ ບໍ່ສາມາດສະໜັບສະໜູນ <canvas> ມາໄດ້.

ປືກສາກັບ Canvas