English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
miterLimit es el atributo Canvas 2D API es una propiedad que establece la proporción de limitación de la superficie del bisel. Al obtener el valor de la propiedad, se devuelve el valor actual (el valor predeterminado es10.0 ). Cuando se asigna un valor a la propiedad, 0, números negativos, Infinity y NaN se ignorarán; todos los demás se asignarán un nuevo valor.
Manual de referencia de canvas HTML
Dibujar la longitud máxima del bisel de20 línea:
<!DOCTYPE html> <html> <head> <title>Uso del atributo miterLimit en HTML canvas (Tutoriales básicos de la web oldtoolbag.com)</title> </head> <body> <canvas id="myCanvas" width="300" altura="150" estilo="borde:1px sólido #d3d3d3> Su navegador no admite HTML5 etiqueta canvas. </canvas> <p>Intente establecer miterLimit 4(Luego, la longitud del bisel excederá el límite de bisel, cuando la línea lo cumpla se mostrará como lineJoin="bevel".<)/p> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.lineJoin="miter"; ctx.miterLimit=20; ctx.moveTo(20,20); ctx.lineTo(50,27); ctx.lineTo(20,34); ctx.stroke(); </script> </body> </html>Prueba y mira ‹/›
IEFirefoxOperaChromeSafari
Internet Explorer 9Firefox, Opera, Chrome y Safari admiten la propiedad miterLimit.
Nota:Internet Explorer 8 Las versiones anteriores a la <canvas> no son compatibles con el elemento.
La propiedad miterLimit establece o devuelve la longitud máxima de la muesca.
La longitud de la muesca es la distancia entre la esquina interna y externa en el punto de intersección de dos líneas.
Consejo:Solo es efectivo miterLimit cuando el atributo lineJoin es "miter".
Cuanto menor sea el ángulo de la esquina, mayor será la longitud de la muesca.
Para evitar la longitud de la muescaMuy largo,podemos usar la propiedad miterLimit.
Si la longitud de la muesca excede el valor de miterLimit, las esquinas se mostrarán con el tipo de unión de línea "bevel" (Fig 3):
Valor predeterminado: | 10 |
---|---|
Sintaxis de JavaScript: | contexto.miterLimit=número; |
Valor | Descripción |
---|---|
número | Número positivo. Define la longitud máxima de la muesca. Si la longitud de la muesca excede el valor de miterLimit, las esquinas se mostrarán con el tipo de unión de línea "bevel". |