html <canvas>标签的使用
<!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)为中心点旋转的小方块，显示效果不正常，请各位老师指教哪里有错误，谢谢！
展开
收起
1
条回答
写回答
写回答
-
因为你translate移动画布中心，clearRect时以移动过的中心开始计算，不再是右上角，导致无法清空右上角的内容。
改这样，反向一下
oGC.clearRect(-100, -100, oC.width, oC.height);2019-07-17 19:02:31赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
