-
绘制果实查看全部
-
大鱼和果实碰撞查看全部
-
绘制大鱼查看全部
-
绘制果实查看全部
-
绘制海葵API查看全部
-
所用内容查看全部
-
设置canvas的宽高，不能在style样式表里面修改，而要在标签里面修改，例如<canvas height='600' width='800'></canvas>.这两种写法是有区别的，canvas对象的默认宽高属性是300、150。第一种修改style，相当于将300*150拉伸至800*600，会变形。第二种是修改canvas对象的默认宽高属性，不会变形。console.log(canWidth,canHeight)会发现是300,150；而不是800,600。所以老师这里实际绘图，图片是先转换成300*150，再缩放为800*600，反复缩放会造成图片失真。视频没出现失真是因为老师用的背景图本来就是800*600，如果换成其他大小的明显图片，比如含文字的1366*768,就能看出区别了。另外，canWidth = can1.width;是获得canvas对象的width属性，不是它的宽度样式。这里没有加var，canWidth是个全局变量，所以之后的作图函数能够直接读取到int（）函数里面的canWidth。也算是var加深了理解查看全部
-
1.静止的海葵 2.海葵产生果实 3.果实自动漂浮 4.大鱼吃果实 5.大鱼喂小鱼查看全部
-
绘制海葵查看全部
-
框架笔记查看全部
-
111查看全部
-
第二阶段查看全部
-
课程介绍查看全部
-
-新API写法：canvas.getContext("2d");查看全部
-
ane.js查看全部
举报
0/150
提交
取消