魚的坐標(biāo)問題
ctx1.translate(this.x,this.y); ctx1.drawImage(this.bigBody,-this.bigBody.width*0.5,-this.bigBody.height*0.5); 為什么會是-this.bigBody.width*0.5和-this.bigBody.height*0.5,這個(gè)距離是怎么算的
ctx1.translate(this.x,this.y); ctx1.drawImage(this.bigBody,-this.bigBody.width*0.5,-this.bigBody.height*0.5); 為什么會是-this.bigBody.width*0.5和-this.bigBody.height*0.5,這個(gè)距離是怎么算的
2015-12-28
舉報(bào)
2016-01-28
如果drawImage方法,沒有后面的兩個(gè)參數(shù),魚的圖片的左上角,就是整個(gè)大背景圖片的中心位置(即,在translate之后)。加上兩個(gè)參數(shù)的作用可以理解為,使魚向x軸負(fù)方向移動身體的一半,向y軸方向移動身體的一般,把魚圖片的中心點(diǎn)放在當(dāng)前坐標(biāo)軸的中心點(diǎn)位置。當(dāng)然也可以不這么做。