window.addEventListener('load',eventWindowLoaded,false);functioneventWindowLoaded(){
canvasApp();
}functioncanvasSupport(){returnModernizr.canvas;
}functioncanvasApp(){if(!canvasSupport()){return;
}else{vartheCanvas=document.getElementById('canvas')varcontext=theCanvas.getContext("2d")
}
drawScreen();functiondrawScreen(){
context.fillStyle="black";
context.fillRect(20,20,25,25);
context.setTransform(1,0,0,1,0,0);varangleInRadians= 45 *Math.PI/ 180;varx= 100;vary= 100;varwidth= 50;varheight= 50;
context.translate(x+.5*width,y+.5*height);
context.rotate(angleInRadians);
context.fillStyle="red";
context.fillRect(-.5*width,-.5*height,width,height);
}
}
你的浏览器无法使用canvas
小白童鞋;你的支持是我最大的快乐!!