HTML canvas miterLimitPropiedad
Objeto CanvasEjemplo
Dibuja líneas con una longitud de inglete máxima de 5:
JavaScript：
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();
Pruébalo »
Soporte del navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari admiten la propiedad miterLimit.
Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento `<canvas>`.
Definición y uso
La propiedad miterLimit establece o devuelve la longitud máxima de inglete.
La longitud de inglete se refiere a la distancia entre las esquinas interior y exterior en el punto donde se unen dos líneas.
Consejo:miterLimit solo es efectivo cuando la propiedad lineJoin es `"miter"`.
Cuanto menor sea el ángulo de la esquina, mayor será la longitud de inglete.
Para evitar que la longitud de ingletesea demasiado larga, podemos usar la propiedad miterLimit.
Si la longitud de inglete supera el valor de miterLimit, la esquina se mostrará con el tipo `"bevel"` de lineJoin (Fig. 3):
| Valor por defecto: | 10 |
|---|---|
| Sintaxis de JavaScript: | context.miterLimit=number; |
Valor de la propiedad
| Valor | Descripción |
|---|---|
| number | Un número positivo. Especifica la longitud máxima de inglete. Si la longitud de inglete supera el valor de miterLimit, la esquina se mostrará con el tipo `"bevel"` de lineJoin. |
Otras extensiones