                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5小游戏---爱心鱼（上）

鱼的坐标问题

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，这个距离是怎么算的

qq_深_2

2015-12-28

源自：HTML5小游戏---爱心鱼（上） 2-7

关注问题我要回答

1116

操作

收起

1 回答

喵喵咪呀巴拉拉回答被采纳 +3 积分
2016-01-28

如果drawImage方法，没有后面的两个参数，鱼的图片的左上角，就是整个大背景图片的中心位置（即，在translate之后）。加上两个参数的作用可以理解为，使鱼向x轴负方向移动身体的一半，向y轴方向移动身体的一般，把鱼图片的中心点放在当前坐标轴的中心点位置。当然也可以不这么做。

0 回复有任何疑惑可以回复我~

#1

qq_深_2 提问者

非常感谢！

2016-01-30 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 92350 人
解答问题 551 个

学做HTML5游戏，轻轻松松带你上手，适合刚入手游戏开发的同学

本课相似问答

1 回答大鱼坐标怎么设定

1 回答鼠标移动大鱼的问题

2 回答ie和chrome 坐标问题

3 回答鱼头随鼠标移动的问题

2 回答鱼妈妈跟随鼠标时的问题

搜索更多本课相关问答

鱼的坐标问题

我要回答关注问题

意见反馈帮助中心 APP下载