코드 복사코드는 다음과 같습니다. HTML5 그리기 직사각형</script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/ jquery.min.js"></script</a>><br></head> <br><script><br>$(document).ready(function(){<br> var c =document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //2D 콘텐츠에 대한 참조를 가져오고 드로잉 API를 호출합니다<br>draw.fillStyle="# ff0000"; // 방법 1은 채우기 색상을 지정합니다. <br>draw.fillRect(0,0,300,100); //좌표와 길이와 너비<br>draw.fillStyle="rgba(0,0,255,0.5)"; // 방법 2 rgb 투명도<br> draw.fillRect(400,0,100,100) //좌표와 길이와 너비<br>})<br>
