魚的坐標問題
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,這個距離是怎么算的
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,這個距離是怎么算的
2015-12-28
舉報
2016-01-28
如果drawImage方法,沒有后面的兩個參數(shù),魚的圖片的左上角,就是整個大背景圖片的中心位置(即,在translate之后)。加上兩個參數(shù)的作用可以理解為,使魚向x軸負方向移動身體的一半,向y軸方向移動身體的一般,把魚圖片的中心點放在當前坐標軸的中心點位置。當然也可以不這么做。