CanvasRenderingContext2D.fillRect()



설명


    CANVAS 에 사각영역에 색을 칠합니다.



분류


   사각형 / □



형태


    void CanvasRenderingContext2D.fillRect(in float x, in float y, in float w, in float h);



인수


    in       float      x          사각 영역의 왼쪽 위 가로 좌표   

    in       float      y          사각 영역의 왼쪽 위 세로 좌표

    in       float      w         사각 영역의 가로 폭

    in       float      h          사각 영역의 세로 폭



반환


    없음



예제


<html> 

<head> 

    <script type="application/javascript"> 

    function draw() { 

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

      if (canvas.getContext) { 

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

 

        ctx.fillStyle = "rgb(200,0,0)"; 

        ctx.fillRect (10, 10, 55, 50); 

 

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; 

        ctx.fillRect (30, 30, 55, 50); 

      } 

    } 

    </script> 

</head> 

<body onload="draw();"> 

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

</body> 

</html> 




          html5.jpg

이 게시물을...