Atribut miterLimit Canvas
Definisi dan penggunaan
miterLimit Atur atribut atau kembalikan panjang mitr maksimal.
Panjang mitr adalah jarak antara sudut dalam dan luar di tempat dua garis bersimpangan.
Petunjuk:Hanya saat atribut lineJoin adalah '"miterapabila digunakan, miterLimit akan berlaku.
Sudut pinggir yang lebih kecil, panjang mitr akan semakin besar.
Untuk menghindari panjang mitr yang terlalu panjang, kita dapat menggunakan atribut miterLimit.
Jika panjang mitr melebihi nilai miterLimit, sudut pinggir akan ditampilkan dengan lineJoin 'beveldengan tipe (ilustrasi 3):
Contoh
Garis dengan panjang mitr maksimal 5 ditampilkan:
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();
Sintaks
context.miterLimit=number;
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| number |
Bilangan positif. Menentukan panjang mitr maksimal. Jika panjang mitranya melebihi nilai miterLimit, sudut pinggir akan ditampilkan dengan tipe 'bevel' dari lineJoin. |
Detil Teknologi
| Nilai Default: | 10 |
|---|
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.
