                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /HTML5小游戲---愛心魚（上）

為啥感覺我的海葵和大魚都被放大了。而且海葵只有頭~~~

這是什么情況啊~~~~~~~~~~~

麓小羽

2016-11-07

源自：HTML5小游戲---愛心魚（上） 2-8

關(guān)注問題我要回答

1016

操作

收起

3 回答

慕妹5034279
2018-08-08

正確：<canvas id="canvas1" width="700px" height="400px"></canvas>

錯(cuò)誤：<canvas id="canvas2" style="width: 700px; height: 400px;"></canvas>

錯(cuò)誤：#canvas1 { position: absolute; left: 300px; top: 100px; z-index: 0; width: 700px; height: 400px; }

在js中獲取canvas的寬高：

正確：canWidth = can1.width;

錯(cuò)誤：canWidth = can1.style.width;

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一只肥鶴

我聽了這么多節(jié) 顯示一直都很大所有形狀和速度都要自己調(diào)，顯示出來圖片還糊，大魚運(yùn)動(dòng)明顯不對(duì)，可是代碼檢查不出錯(cuò)誤，多虧你的回答，我把調(diào)整了以后所有顯示都沒問題啦。現(xiàn)在很舒坦啦哈哈哈哈，不知道你能不能看到，但是超級(jí)謝謝你呀，么么噠！mua

2018-11-05 回復(fù) 有任何疑惑可以回復(fù)我~

慕妹5034279
2018-08-08

你是不是把canvas的寬高設(shè)置寫在css里了不要寫在css里寫在canva標(biāo)簽里

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉1461495807
2016-11-07

x-圖片在畫布畫圖的起點(diǎn)x坐標(biāo)，Y-圖片在畫布畫圖的起點(diǎn)x坐標(biāo)，w-要在畫布上畫的圖的寬，h-要在畫布上畫的圖的高

應(yīng)該是drawImage(圖片對(duì)象，x,y,w,h）應(yīng)該是這個(gè)方法里的w和h設(shè)置的過大了吧，?？蛟S是設(shè)置的strokeStyle=過大了，?？挥蓄^應(yīng)該是moveTo(),lineTo()方法設(shè)置有問題

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一只肥鶴

我聽了這么多節(jié) 顯示一直都很大所有形狀和速度都要自己調(diào)，顯示出來圖片還糊，大魚運(yùn)動(dòng)明顯不對(duì)，可是代碼檢查不出錯(cuò)誤，多虧你的回答，我把調(diào)整了以后所有顯示都沒問題啦。現(xiàn)在很舒坦啦哈哈哈哈，不知道你能不能看到，但是超級(jí)謝謝你呀，么么噠！mua

2018-11-05 回復(fù) 有任何疑惑可以回復(fù)我~