HTML5小游戏---爱心鱼（上）_技术问答

首页免费课 HTML5小游戏---爱心鱼（上）问答

HTML5小游戏---爱心鱼（上）

                
                Daisy
            
                    查看讲师更多课程 
                    Daisy讲师的其他课程
                
HTML5小游戏---爱心鱼（下）
中级·46272
免费课程
                                
canvas实现星星闪烁特效
中级·54188
免费课程
                                
                难度中级
            
                时长 2小时34分
            
                学习人数
            
综合评分9.50
                            139人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

为何在上面的canvas（z-index:1）就能显示背景图片，在下面的就没有图片

最新回答 / 烟火里

z-index值较大的元素叠加在z-index值较小的元素之上。ctx2的z-index应该默认是0了？

1 回答 3480 浏览 2-1 绘制背景

2017-04-22

````````````````````````````````````````

最新回答 / 梦菡3303254

```````````````````````````````````````答案 ······················

1 回答 756 浏览 2-7 大鱼绘制

2017-04-21

qq_V_92

果实死都不出来啊啊！！！！！！！！！！下面评论所有方法都用了，还是出不来啊啊啊啊啊啊

1 2-5 果实绘制（果实上浮）

2017-04-20

没什么问题

最新回答 / qq_曼陀罗花开_0

那就好

1 回答 914 浏览 2-3 海葵绘制

2017-04-20

整个图片都靠近左下角，并不居中？？???

最新回答 / Syntax_Error

我的也是一样的

2 回答 1101 浏览 2-3 海葵绘制

2017-04-20

为什么海葵和果实不用clearRect()这个函数来清楚之前画的东西

最新回答 / 慕丝6324622

我明白了。。因为背景图，海葵和果实都是画在一张画布上的，循环的重画，而背景图这个是在之前执行的，所以重画背景图之后，会使上一次所画的内容被覆盖，相当于“清除”；

2 回答 1242 浏览

2017-04-19

慕粉1238122745

ctx1 = can1.context();报错，context() is not a function.

我改成 ctx1 = can1.getContext(); 测试OK

0 2-1 绘制背景

2017-04-19

CodeTiger_

http://pan.baidu.com/s/1hrK07I0 这是完整代码

1 1-1 HTML5小游戏---爱心鱼（上）课程简介

2017-04-18

qq_七彩虹儿_0

https://github.com/yangxian91/Html5-canvas
源代码，稍微有些改动，有需要的请参考

4 2-1 绘制背景

2017-04-17

[Web浏览器] "Uncaught InvalidStateError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state."

最新回答 / 剑南青竹

ctx1.drawImage(img,100,100)调用该方法时img元素未获取解决方法:html页面添加<img id='imgS' src="">标签添加img= document.getElementById("imgS")获取图片语句;

1 回答 4669 浏览

2017-04-15

qq_月_17

新写法，

can1 = document.getElementById("canvas1");

ctx1 = can1.getContext('2d');

can2 = document.getElementById("canvas2");

ctx2 = can2.getContext('2d');

有点误人子弟啊

1 2-1 绘制背景

2017-04-15