慕圣1226306
qq_Kk_56
可以直接调用,放到定义函数的下面,不知道有没有被调用,是放到加载第一个function的里面或初始化的时候
梧桐_细雨
我好像知道为什么图片模糊了,canvas里的宽高不要用样式去控制,要写在
<canvas id="canvas" width="800" height="600">
您的浏览器不支持canvas哦!
</canvas>
因为这里的宽是canvas本身的属性,而不是样式宽的属性;
qq_将心丶_03483841
我是因为把canvas的宽高写在样式表中了,所以图片显示不出来,不知道你是不是。
xiao55555
yunsky0
只要调用函数都需要带 () ,不带就变成属性了
505donkey
iweb
x兔子
是这样的,画面上我们看到的所有内容都是画在canvas上的,为了产生星星的动画效果,我们需要把前一帧画的星星从canvas上擦除,再画上下一帧。由于我们只使用了一个canvas,所以在擦除星星的同时,也把背景颜色和girl图片同时擦除掉了,所以drawGirl需要放在loop中不断重新画。
当然你也可以把背景和drawGirl放在另一个canvas中,并且这2个canvas正好以正确的顺序叠在一起,这样背景颜色和girl图片只需要画一次就好了。
但我们做的这个小实践对渲染的压力不是很大,所以在一个canvas中画就可以了。
不过你会提出疑问是很值得鼓励的。