CanvasRenderingContext2D.strokeStyle


html5.jpg

 

설명


    CANVAS 에 그려지는 테두리 스타일을 지정한다.



분류


   색 / 스타일



형태


    any CanvasRenderingContext2D.strokeStyle



기본값


    black    /    검정색



예제


<html> 

<head> 

   <script type="application/javascript"> 

    function draw() { 

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

      if (canvas.getContext) { 

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

 

        ctx.strokeStyle= "rgb(0,100,0)";

        ctx.strokeRect (10, 10, 100, 100);

      } 

    } 

   </script>

</head> 

<body onload="draw();"> 

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

</body> 

</html> 


결과


   strokeStyle.png