在视频下发资料下载中可获得视频中的图片

canvas外面包裹的div都要设置宽高

css指定的是画布的显示的大小，画布还有一个内里的现实的分辨率的大小，直接在标签里面定义宽高相当于把这2个一同给指定了，用css定义是不符合W3C标准的不要用这种方式定义

用软件写：dw、submile等

看播放窗口右下角有个资料下载菜单，

我靠，复制上去肿么成这鬼样子了。。。。

可以的，编译器而已，看个人习惯。

在图片里面，以baby开头的！

sublime text

可以称为离屏Canvas,就是有一个canvas不显示,这样就可以把不显示的canvas中的部分图形绘制到显示的canvas中.

http://www.imooc.com/learn/515 ，右上角有一个资料下载。图片资源在那里。

game,在前面没有定义

直接双击html文件浏览器打开，按f12就可以看代码了，然后你看标签还可以调试js，记得还可以修改css代码查看效果，也可以看网络相关的数据信息，总之很方便，谷歌浏览器的话也有很多插件。

在视频下面的资料里下载

首先你的截图的html代码不够清楚，我大体猜一下，可能是你的css样式没有写或者你写在了单独的css样式文件中了但没有引用

谷歌浏览器吗？？  如果是的话 在页面空白处 右击 最下面有个检查，  点开那个就是

或者 快捷键  ctrl+shift+i

在视频页面，右边的滚动条一直往下拉，过了评论区，再往下就有游戏素材了。

那个是可以下载的

可以先跟着做，遇见不明白的再去补充学习js的知识。

这个属性是设置元素的堆叠顺序。拥有更高堆叠顺序的元素（数值较大者）总是会处于堆叠顺序较低的元素的前面。

Tab键，老师的缩进有点大，可以在“首选项”-->“设置-默认”里面找到“tab_size"，修改后面的数值，我的是4.

因为html是作为前端页面显示的，二canvas就是用来作画用的，把它的宽和高都写在html里面可以很好的查看的前端页面的显示参数大小，这样编程更有规范性。

在里面加上‘2d’，是单引号

看你自己的内联样式有没给宽·高

用谷歌浏览器，打开开发者模式然后鼠标选中第一个canvas，会有一个蓝色的选中效果，在看看第二个

右下角有的资源下载

所有主流浏览器都支持 position 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

定义和用法

position 属性规定元素的定位类型。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

默认值：

static    

继承性：

no    

版本：

CSS2    

JavaScript 语法：

object.style.position="absolute"    

可能的值

absolute    

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

   

fixed    

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

   

relative    

生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

   

static    默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。    

inherit    规定应该从父元素继承 position 属性的值。