最赞回答 / xue5hen
清空的原因不是因为【canvas1覆盖在canvas2上】,教程中从来没这么说。教程中说的是:因为动画一直在循环执行,前一次的图像如果不清除,就会跟后面的图像叠加在一起,使得大鱼小鱼的边线看起来特别粗,所以才要清。打个简单的比方:写满字的黑板如果不擦,继续写上去的字就会跟之前的叠加在一起看不清楚。
2015-12-02
最新回答 / zhangcl
找到答案了,因为背景图片每次都要绘制一次,所以将之前的海葵给遮住了,建议把ctx2.clearRect(0, 0, canWidth, canHeight);这个代码加上去
2015-12-02
最新回答 / qq_为你写诗_1
我刚刚解决了can1 = document.getElementById("canvas1"); ctx1 = can1.getContext("2d"); can2 = document.getElementById("canvas2"); ctx2 = can2.getContext("2d");
2015-11-25
最新回答 / CaijieHS
我也遇到过这个问题,检查后发现是一开始在main.js中初始化ctx2时 /*function init()中*/ 用的是can1来getContext的,也许你也是类似的错误,你可以检查一下。
2015-11-23
最新回答 / 李晓健
所有主流浏览器都支持 position 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static 继承性:no 版本:CSS2 JavaScript 语法:object.style.po...
2015-11-19
最赞回答 / 拼命柯南
function drawBackground(){ ctx2.drawImage(bgPic,0,0,canWidth,canHeight);}这是background.jsvar can1;var can2;var ctx1;var ctx2;var canWidth;var canHeight;var lastTime;var deltaTime;var bgPic =new Image();document.body.onload =game;function game(){ init; l...
2015-11-18