Atributo miterLimit del canvas HTML
Definición y uso
miterLimit Configuración de propiedades o devolución de la longitud de la esquina máxima.
La longitud de la esquina es la distancia entre el ángulo interno y el ángulo externo en el punto de intersección de dos líneas.
Consejo:Sólo cuando el atributo lineJoin sea "miterCuando lineJoin sea "
Cuanto menor sea el ángulo de la esquina, mayor será la longitud de la esquina.
Para evitar que la longitud de la esquina sea demasiado larga, podemos usar la propiedad miterLimit.
Si la longitud de la esquina es mayor que el valor de miterLimit, las esquinas se unirán con lineJoin "bevel" Tipo para mostrar (Ilustración 3):
Ejemplo
Dibujar líneas con la longitud de la esquina máxima de 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();
Sintaxis
context.miterLimit=número;
Valor del atributo
| Valor | Descripción |
|---|---|
| número |
Número positivo. Define la longitud máxima del ángulo. Si la longitud del ángulo es mayor que el valor de miterLimit, las esquinas se mostrarán con el tipo de unión lineJoin "bevel". |
Detalles técnicos
| Valor predeterminado: | 10 |
|---|
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite por primera vez esa propiedad.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Notas:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
