Contoh
Menggambar garis dengan panjang mitra 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(); Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| miterLimit | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The miterLimit set properti atau mengembalikan panjang mitra maksimal.
Panjang mitra adalah jarak antara sudut dalam dan sudut luar di mana dua garis bertemu.
Tip: Properti miterLimit bekerja hanya jika lineJoin atribut "miter" .
Panjang mitra tumbuh lebih besar sebagai sudut sudut semakin kecil.
Untuk mencegah panjang mitra dari menjadi terlalu lama, kita dapat menggunakan properti miterLimit.
Jika panjang mitra melebihi nilai miterLimit, sudut akan ditampilkan sebagai jenis lineJoin "bevel" (Fig 3) :
| nilai default: | 10 |
|---|---|
| sintaks JavaScript: | context .miterLimit= number ; |
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| number | Sejumlah positif yang menentukan panjang mitra maksimal. Jika panjang mitra saat ini melebihi miterLimit, sudut akan menampilkan sebagai lineJoin "bevel" | Mainkan " |
<Canvas Object