CanvasRenderingContext2D.moveTo()


   html5.jpg

 

설명


    그리는 시작점을 옮긴다.


분류


   경로 API


형태


    void CanvasRenderingContext2D.moveTo(in float x, in float y);


인수


    in     float    x     시작점의 가로 좌표

    in     float    y     시작점의 세로 좌표


반환


    없음


예제


<html> 

<head> 

   <script type="application/javascript"> 

    function draw() { 

      var canvas = document.getElementById("canvas"); 

      if (canvas.getContext) { 

        var ctx = canvas.getContext("2d"); 

 

         ctx.beginPath();

         ctx.moveTo(10,10);

         ctx.lineTo(90,90);

         ctx.closePath();

         ctx.strokeStyle = "black"; 

         ctx.stroke();

        

      } 

    } 

   </script> 

</head> 

<body onload="draw();"> 

   <canvas id="canvas" width="150" height="150"></canvas> 

</body> 

</html>


결과


    moveTo.png



이 게시물을...