Ví dụ về thuộc tính miterLimit Code: <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.</canvas> <p>Hãy thử thiết lập miterLimit thành 4 (độ dài hiện tại của miter đang hơn 4) và bạn sẽ thấy mũi tên tạo bởi 2 đường thẳng này sẽ mất đi 1 đoạn.</p> <script> 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(); </script> </body> </html> Kết quả:
WebVN Cộng đồng web Việt Nam