La propiedad miterLimit se utiliza o devuelve la longitud máxima de inglete. Se utiliza para evitar que la longitud del inglete sea demasiado larga.
La longitud del inglete es la distancia entre la esquina interior y la esquina exterior donde se unen dos líneas.
Sintaxis:
context.miterLimit = number;
Valores de propiedad:
- número: Es un número positivo que muestra la longitud máxima de inglete.
Ejemplo:
<!DOCTYPE html> <html> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <h3>Canvas miterLimit Property</h3> <canvas id="gfgCanvas" width="400" height="200" style="border:2px solid "> </canvas> <script> var gfg = document.getElementById("gfgCanvas"); var context = gfg.getContext("2d"); context.lineWidth = 10; context.lineJoin = "miter"; context.miterLimit = 5; context.moveTo(80, 80); context.lineTo(200, 108); context.lineTo(80, 136); context.stroke(); </script> </center> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML canvas miterLimit Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por shubham_singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA