HTML | método de lienzo lineTo()

El método lineTo() se usa para agregar un nuevo punto para crear una línea desde ese punto hasta el último punto especificado en el lienzo,

Sintaxis:

context.lineTo(x, y);

Parámetros:

  • x: este parámetro especifica la coordenada x desde donde crear la línea.
  • y: este parámetro especifica la coordenada y desde donde crear la línea.

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML canvas lineTo() Method
    </title>
</head>
  
<body style="text-align:left;">
  
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML canvas lineTo() Method</h2>
  
    <canvas id="GFG" width="500" height="200">
    </canvas>
  
    <script>
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
        context.beginPath();
        context.moveTo(10, 10);
        context.strokeStyle = 'green';
        context.lineTo(200, 100);
        context.stroke();
    </script>
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con el método HTML canvas lineTo() se enumeran a continuación:

  • Google Chrome 4.0
  • Internet Explorer 9.0
  • Firefox 3.6
  • Safari 4.0
  • Ópera 10.1

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 *