html canvas标签的使用_H5之家 - 中国HTML5教程资源分享第一站

canvas教程

html canvas标签的使用

字号+ 作者：H5之家来源：H5之家 2015-11-11 12:47 我要评论( )

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 无标题文档 body{ background:black;

html <canvas>标签的使用

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档 body{ background:black; } #c1{ background:white; } span{ color:white; } window.onload=function() { var oC = document.getElementById("c1") ; var oGC = oC.getContext('2d') ; var num = 0; oGC.translate(100,100); setInterval(function(){ num++; oGC.save(); oGC.clearRect(0,0,oC.width,oC.height); oGC.rotate(num*Math.PI/180); oGC.fillRect(0,0,100,100); oGC.restore(); },30); }

不支持canvas浏览器

做了一个以坐标(100,100)为中心点旋转的小方块，显示效果不正常，请各位老师指教哪里有错误，谢谢！