HTML kanvas mitraLimit Properti
Contoh
Gambar garis dengan panjang mitra 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();
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Definisi dan Penggunaan
Properti miterLimit menetapkan atau mengembalikan panjang mitra maksimum.
Panjang mitra adalah jarak antara sudut dalam dan sudut luar tempat dua garis bertemu.
Tip: Properti miterLimit hanya berfungsi jika atribut lineJoin adalah "miter".
Panjang mitra tumbuh lebih besar karena sudut sudut semakin kecil.
Untuk mencegah agar panjang mitra tidak terlalu panjang, kita dapat menggunakan properti mitraLimit.
Jika panjang mitra melebihi nilai mitraLimit, sudut akan ditampilkan sebagai lineJoin ketik "bevel" (Gbr 3):
| Nilai bawaan: | 10 |
|---|---|
| Sintaks JavaScript: | konteks .miterLimit= angka ; |
Nilai properti
| Value | Description | Play it |
|---|---|---|
| number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
Referensi Kanvas HTML