Atributo miterLimit de Canvas
Definición y uso
miterLimit Configura o devuelve la longitud máxima del bisel.
La longitud del bisel se refiere a la distancia entre el ángulo interno y el ángulo externo en el punto de intersección de dos líneas.
Consejo:Sólo es válido cuando la propiedad lineJoin es "mitersolo es efectivo cuando la propiedad lineJoin es "
Cuanto menor sea el ángulo de la esquina, mayor será la longitud del bisel.
Para evitar que la longitud del bisel sea demasiado larga, podemos usar la propiedad miterLimit.
Si la longitud del bisel excede el valor de miterLimit, las esquinas se mostrarán con el tipo de unión de línea "beveldel tipo (ilustración 3):
Ejemplo
Dibuja una línea con la longitud máxima de bisel 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=number;
Valor de atributo
| Valor | Descripción |
|---|---|
| number |
Número positivo. Define la longitud máxima del bisel. Si la longitud del bisel excede el valor de miterLimit, las esquinas se mostrarán con el tipo de unión de línea "bevel". |
Detalles técnicos
| Valor predeterminado: | 10 |
|---|
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
