HTML |画布 moveTo() 方法

画布 moveTo() 方法用于将路径移动到画布中的指定点，而不是创建一条线。调用 moveTo() 方法后，我们可以使用 stroke() 方法在画布上绘制路径。

句法：

context.moveTo( x, y );

参数：此函数接受两个参数，如上所述，如下所述：

• x：该参数指定点的 x 轴（水平）坐标。
• y：该参数指定点的 y 轴（垂直）坐标。

方案一：

  

    
        HTML canvas moveTo() Method
    

  

      
    
        GeeksforGeeks
    
      
    HTML canvas moveTo() Method
      
    
    
      
    
        var id_cont = document.getElementById("GFG");
        var context = id_cont.getContext("2d");
        context.moveTo(50, 50);
        context.lineTo(450, 50);
        context.strokeStyle="green";
        context.stroke();
    

  
                    

输出：

方案二：

  

    
        HTML canvas moveTo() Method
    

  

      
    
        GeeksforGeeks
    
      
    HTML canvas moveTo() Method
      
    
    
      
    
        var id_cont = document.getElementById("GFG");
        var context = id_cont.getContext("2d");
          
        // Begin the second sub-path
        context.moveTo(130, 80);   
        context.lineTo(350, 80);
          
        // Begin the second sub-path
        context.moveTo(130, 30);   
        context.lineTo(350, 30);
        context.strokeStyle="green";
        context.stroke();
    

  
    

输出：

支持的浏览器： HTML canvas moveTo() 方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 歌剧
• 苹果浏览器