반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>캔버스 트랜스폼</title>
<script>
window.onload = function(){
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//출력 영역 이동
context.translate(150,150);
context.fillStyle="orange";
for(var i=0;i<10;i++){
context.globalAlpha = (1-(0.09*i));
context.rotate((Math,PI/180)*360/10);
context.fillRect(20,20,50,100);
}
}
</script>
</head>
<body>
<canvas id="canvas" width="1024" height="768"> </canvas>
</body>
</html>
'Web개발 > JSP, Web' 카테고리의 다른 글
| [JSP] local 로컬 스토리지 사용하기 (0) | 2014.11.18 |
|---|---|
| [Ajax] ajax json 파싱 (0) | 2014.11.18 |
| [javascript] 캔버스 그리기 (0) | 2014.11.18 |
| [Ajax] Ajax xml 파싱 (0) | 2014.11.18 |
| [JSP] javaseript 사용하기4 (0) | 2014.11.18 |