Atribut miterLimit Canvas
Definisi dan penggunaan
miterLimit Pengaturan atribut atau mengembalikan panjang penggabungan maksimum.
Panjang penggabungan adalah jarak antara sudut dalam dan luar di tempat garis bertemu.
Petunjuk:Hanya saat atribut lineJoin adalah "miterJika lineJoin atribut adalah "
Sudut pinggir yang lebih kecil, panjang penggabungan akan semakin besar.
Untuk menghindari panjang penggabungan yang terlalu panjang, kita dapat menggunakan atribut miterLimit.
Jika panjang penggabungan melebihi nilai miterLimit, sudut pinggir akan ditampilkan dengan lineJoin "bevelJenis untuk ditampilkan (Gambar 3):
Contoh
Gambar garis dengan panjang penggabungan maksimum 5:
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 penggabungan maksimum. Jika panjang penggabungan melebihi nilai miterLimit, sudut pinggir akan ditampilkan dengan jenis lineJoin "bevel". |
Perincian teknikal
| Nilai lalai: | 10 |
|---|
Dukungan pereksana
Angka di dalam tabel menunjukkan versi paling awal pereksana yang menyokong sifat ini.
| 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>.
