HTML | lienzo miterLimit Propiedad

La propiedad miterLimit se utiliza o devuelve la longitud máxima de inglete. Se utiliza para evitar que la longitud del inglete sea demasiado larga.
La longitud del inglete es la distancia entre la esquina interior y la esquina exterior donde se unen dos líneas.

Sintaxis:

context.miterLimit = number;

Valores de propiedad:

  • número: Es un número positivo que muestra la longitud máxima de inglete.

Ejemplo:

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green"> GeeksforGeeks </h1>
        <h3>Canvas miterLimit Property</h3>
        <canvas id="gfgCanvas" 
                width="400"
                height="200" 
                style="border:2px solid ">
        </canvas>
  
        <script>
            var gfg = document.getElementById("gfgCanvas");
            var context = gfg.getContext("2d");
            context.lineWidth = 10;
            context.lineJoin = "miter";
            context.miterLimit = 5;
            context.moveTo(80, 80);
            context.lineTo(200, 108);
            context.lineTo(80, 136);
            context.stroke();
        </script>
    </center>
  
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con HTML canvas miterLimit Property se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por shubham_singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *