[HTML5] HTML5 캔버스-사각형

HTML5의 신기능인 캔버스입니다.




<-meta charset="utf-8">



var canvas = doc-ument.getElementById("a_canvas");
var ctx = canvas.getContext("2d");
ctx.fillstyte- = "rgb(255,0,0)";
ctx.fillRect(50, 50, 200, 200);
ctx.fillstyte- = "rgba(0,0,255,0.5)"
ctx.fillRect(100, 100, 200, 200);



복붙은 //빼고


색 지정 방법은
ctx.fillstyte- = "#FF0000"; //HTML방식
ctx.fillstyte- = "rgb(255, 0, 0)"; //RGB방식
ctx.fillStye = "rgba(255, 0, 0, 0.5)"; //RGB+투명도방식


좌표 지정방식 (x,y)