鱼的坐标问题
来源：2-7 大鱼绘制
qq_深_2
2015-12-28 22:53
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，这个距离是怎么算的
写回答
关注
1回答
-
- 喵喵咪呀巴拉拉
- 2016-01-28 21:08:20
如果drawImage方法，没有后面的两个参数，鱼的图片的左上角，就是整个大背景图片的中心位置（即，在translate之后）。加上两个参数的作用可以理解为，使鱼向x轴负方向移动身体的一半，向y轴方向移动身体的一般，把鱼图片的中心点放在当前坐标轴的中心点位置。当然也可以不这么做。
HTML5小游戏---爱心鱼（上）
学做HTML5游戏，轻轻松松带你上手，适合刚入手游戏开发的同学
92348 学习 · 551 问题
相似问题