English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

Atributo miterLimit de HTML canvas

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

Ejemplo en línea

Dibujar la longitud máxima del bisel de20 línea:

Su navegador no admite HTML5 etiqueta canvas.
<!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 ‹/›

Compatibilidad del navegador

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.

Definición y uso

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 del atributo

 
ValorDescripción
númeroNú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".
Manual de referencia de canvas HTML