Atribut miterLimit canvas HTML
Definisi dan penggunaan
miterLimit Pengaturan atribut atau mengembalikan panjang miring maksimal.
Panjang miring adalah jarak di antara sudut dalam dan sudut luar di tempat garis bertemu.
Petunjuk:Hanya saat atribut lineJoin bernilai "miter" maka miterLimit berlaku.
Jika sudut penjuru sudut yang lebih kecil, panjang miring akan semakin besar.
Untuk menghindari panjang miring yang terlalu panjang, kita dapat menggunakan atribut miterLimit.
Jika panjang miring melebihi nilai miterLimit, sudut penjuru akan berada di dalam dan di luar jarak diantara garis dengan lineJoin "bevel"Tipe" untuk menampilkan (Gambar 3):
Contoh
Menggambar garis dengan panjang miring maksimal 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 miter maksimal. Jika panjang miter melebihi nilai miterLimit, ujung sudut akan ditampilkan dengan jenis lineJoin "bevel". |
Detil teknis
| Nilai default: | 10 |
|---|
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut 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>.
