CanvasRenderingContext2D.stroke()


html5.jpg


설명


    패쓰로 지정된 도형의 외각선을 그린다.



분류


    경로 API



형태


    void CanvasRenderingContext2D.stroke();



인수


   없음



반환


   없음



예제


<html> 

<head> 

   <script type="application/javascript"> 

    function draw() { 

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

      if (canvas.getContext) { 

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

 

         ctx.beginPath();

         ctx.rect (10,10,90,90);

         ctx.fillStyle = "red";

         ctx.fill();

         ctx.strokeStyle = "black"; 

         ctx.stroke();

      } 

    } 

   </script> 

</head> 

<body onload="draw();"> 

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

</body> 

</html>



결과


 stroke.png

이 게시물을...