30_尚硅谷_h5_复习.wmv原创

OK啊，我们开始啊，好，我们把前面的东西我们先来复习一下啊，这个复习的话跟内095和法放在一块啊，OK，因为这是讲的开发啊，开发我们讲了两天做了好几个实例，OK，好，C定式OK啊那。嗯，这第十天我们讲的这些东西吧，是吧，好，第十天的话，我们说在第九天东西上，我们就加了一些吧，好，我们说第九天的话，我们开发是讲到变换，讲到变化，是不是做了个时钟啊，是不是OK，那现在我们说讲完这个时钟之后，哎，我们第二天我们说的是啥？看下这些基本的API吧，呃，好，从这个画布API，从这个画布一来说，我们说我们昨天啊，前天讲的东西话，画布上面去新增的哪个API都新点什么。To。Ul吧，是不是们说to ul这个是干嘛的啊，我们说我们的开斯本身就是一个图像嘛，这个是不是拿到开一个图像的意值啊，是不是我们来看一下，这是我们在讲什么。

再讲这个二里面讲什么是吧，To塔幺嘛，它是开式元素基本方法吗？所以到现在的话，我们说整个画图元方面的话，是不是学的是四吧啊第一个代表什么？获取画布的上下文吗？是不获取么。握拳是吧，画部的2D上下文是吧？O点外呢画布的宽度，其实你要是说的什么稍微逼格高一点的话，就什么画布在什么横向上什吗横向上CSS像数的个数。是不是啊，我们一直说宽度，说宽度其实就是说的C乘数个数是不是啊，我们知道PX一定是个抽象单位啊，先把这个概念重到自己的脑子里面去懂不懂，我们说什100PX 200PX在不同的设备上的渲染的话，其实实际宽度是不一样的，所以说你经常说这个Y是代表的是一个元素的宽度啊，帮度啊，虽然说我们经常经常这么去说啊，其实是不对的是吧，我们说你一个什么一一个Y为200PX，其实代表代表什么，代表你这个横向上面占据了200个CS的小数字。

个数呗，啊切定是个数，能不能理解啊，啊，那这个概念以后我们会去详谈啊，那he呢，那he第一个数稍微高一点就什么，包括在纵向上CSS像素的个数。是吧？OK，那to ul呢，干么拿到什么拿到画布的什么图片地址的是吧？拿到画布的图片地址，OK，那这是我们学的画布三角形API啊，然后注意点自己去看啊，OK，那上下文一篇我们来看好feel啊re，画句形的是吧？Feel是用来干嘛的？

对吧，我们说是什么填充填充颜色吧，其实我们说昨天我们学的是不是非要四要我有扩展，他除了放填充色还能放什么背景，还有呢，渐变是不是，我们是不是可以用这个标识来看。来填充嘛，我来看一下，我们说设置背景这边我们说一般我们可以的pan什ma是不是里面传一个图像圆，传一个你的什么评估方式吧，是不是我说干嘛，你这个非可以干嘛，是他的什么。你这个可以是什么，非的值可以是什么，可返回的什么对象，这相当于就是给我趋失背景呗，是不是OK，还有呢。

还是比，还是不是也是一样，这是什么API不一样吧，我们说有线性渐变跟什么镜像渐变是不是啊，OK，线性渐变跟镜像渐变。OK，镜像镜像渐变镜止边啊，镜像这边OK，那只是两个API不一样吧，那其实像这个API的话，其实我说镜下就可以了是吧，那这些这API的话，我我不需要你备注啊，那直接A篇的话稍微点长是不是到时候你查你可以干嘛查到就没太大问题是吧？是那这里面还有一个什么，我们说这个只是只是指定什么你渐变的一个方向嘛，相当于你这X1Y1XY2不是代表你渐变的一个方向吗？是不是，其实它还有什么I的什么它了是吧，是不是就是艾color，看艾color stop是不是这个方向也接触两个参数吧，是吧，一个是什么你的位置是吧，就相当于就是指定你在什么位置上使用什么样的一个渐变颜色啊。

是吧，OK，我们说的话，这个这这些一要给他记住，OK，它也是啊一样是吧，OK，我们说镜像渐变的话，方法是窥它RE16是吗？规等是吧，传两个点，哎，是不是只能传两个点。是不是啊，只能选两个点吧，OK，好，这什么填充颜色上面的一个扩展啊，不单单可以写填充颜色，还可以写背景和渐变，是是啊，OK，那这掉呢是干嘛的？描什么描变的颜色吧，是不是相当于是线条颜色，OK。好，这个上面说的，我们没有说可以去干嘛，去放什么渐变背景吧，啊，没有什么边框图片这种这种东西了，对吧，OK，然后把说了Y代表什么。

线条的宽度，OK，连看看呢，这个东西我们说虽然说你看上去好像很激烈是不是啊，我们在我们的光环里面有个用到，是不是用的这个嘛，线条两端的展现形式。是吧，要么是圆，要么是减啊，要么是方的是吧，我们说这个棱是不是加上去的是吧？OK，人交以呢。线条连接处的什么展现形式，是不是可以是尖的，可以是平的，可以是圆的是吧？OK，这个记住好，我们看这个是用来画什么，画矩形，这是画圆吧，是不是，那这些一片我们就不过了是吧？OK，那这个fair啊，那也也知道它就行了，OK，那这两个一天我们去干嘛接常能用啊，这些是你画完路径之后，怎么你调方法的话，是不是去填充啊，调这个调这个这个方法呢去啊。

描边嘛，是吧，OK，所以好，那我们说什么，还有新增的那些一片，我们说全部都是画笔上了吧，CP什么怎么去引入一张图片呢？Drw dry I a什吧，Ima吧，Image吧，是不是OK，就image里面应该穿什image对象，还有呢，XY偏移处，还有什么WH是是啊，OK，我们说那是不是我们说画学片只要用这一下就可以了啊，这个它有一个注意点对吗？啊在看当中引入图片的嘛，在csva中尹若。图片干嘛，一定要在什么图片加载完成之后好吗？再去啊合作是吧，不是这个就一卖掉好，那还说什么问题啊比较重要的。

啊，文文本子这块是不是讲了好多，是不是比较重要的什么C点什么没什么，得到你文本的一个宽度嘛，没text嘛，是吧？OK，这个比较重要么？其他的API大家看下就行了啊，其他text个看下就行了，懂不懂这API我们用的并不是很多啊，OK。CDX，你去看这是用来干嘛，里面跟一个什么，跟一个文本是不是返回的是什么，返回一个对象吧，是吧，OK，返回一个，返回一个持有什么。返回一个只有。

返回一个持有文本渲染什么宽度的对象，是不是OK，周NY，然后呢？好，那这个文本里面的其他一篇啊，我们把它拿过来就可以了是吗？You feel text text吧，OK you feel text都是画笔身上的C tx.fair text是吧？OK，这是用来去画一个文本的，还有什么？OK，就个什么text是不是OK也是来花啊文本的是吧？还有呢，一些属性，Front text a text baseline是吧？是OK，这都是CPI的属性。OK，那这些API看一眼能不能，它什么意思啊，OK text，我们说这个text base怎么渲染啊，机子跟我们之前讲的CS里面一样吗？不一样，是不是OK？

啊，我们说干嘛，它并不是我们传统意义上的什么文本的一个居中吧，整理它是让自己的什么选这个文字左对齐右对齐，还是句中对齐是吧，OK，最后念，然后呢，还有什么。啊，这些。啊，这个里面需要大家注意个什么点，这做阴影的时候，这又又是文本阴，又是多么新嘛，是不是，可是我们说干嘛颜色是必须的，不然这些阴影都是啊没有的是吧，OK这些概念。啊，这这这个这些自己去看啊，必须要知道一个这个什么修什么，现在看了一定是个必须项啊OK，不然的话你整个阴影是啊不会啊出来了是吧？那这些东西文本上面去新增扩展一些东西是吧？那讲完这些东西之后，其实我们又讲了一个比较重要的相符操作是吧，我们讲了嘛，Ctx什么，Get get I image data是不呢？Ctx什么。

Put image data是吧，走你什么还有put image，看create image data是吧，OKOK，我们说不跟另面应该跟一个什么参数啊。XY从哪个起始点，拿多少区域里面的相数点，他有个模法，为什么返回一个叫做的一个对象，好，这个imagine里面对象它有什么鬼，它什么这个它your your hat your date OK date是一个数组，是不是had呢？Had其实可跟我们前面讲的一样，是不是我们在哪边写了？

嗯，在哪边下了。这边是不是画布横向上面生成的个数，那我们这边应该怎么想？这个什么啊，选中区域吧。是不是啊，我们是不是有个选中区域了，是选中区域什么在横向上面是个啊呢。啊，选中区在什么纵向上面三项数的个数。这里定的这个数字吗？这个数字里面放的是一个什么鬼啊？啊，选中区域什么所有像素点的。选中区域所有像素点的rgba体系，是不是里面有一个点A的取值。从什么零到255啊，并不是我们平常一常的零到一啊，其实这里面的RGB的取值都是零到二五这里是吧，好，那不定一面讲这边需要几个参数。

三个，首先一个image date对象，其次呢，你要放到哪边去。是不是他能不指定的，好像不能指定吗？我们看下像图里面有吗？加好像不能指定吗？是不是OK，然后呢，还有什么create image加date OK，那create image应该有几个参数，两个就是W是不是你要创建多宽的吧，是工作默认创建出来是什么，默认创建出来的像数点都是什么。问你，你创建出来就会放到画上面去吗？不会，你亏得出来这个一定什么吧，是不是他创建出来是不应该对象是吧，OK，反回就是一个。

返回的是image对象啊，默认像素点的信息是什么？R rgba是吗？都是00000是吧，黑色透明OK，好，那讲到这块，那我们相册的是不是就讲完了，讲完这个相素之后，咱们做这个马赛克是吧？OK，然后做完马赛克之后，下午我们过来讲啥。合成是吧？首先上来应该讲了一个属性，讲了什么属性，C什么点什么格阿尔法是吧？OK，我们知什么，这是一个全局透明度，它的取值是零到一的，不是零到五对吧？OK，我们说什么它的取值为零到一啊，这不一样，取值为零到一，好那这个讲完之后，我们讲什么合成么？C下合合成是不是它也个属性啊叫什么。

Global啊，取子这么多。是吧？OK，那这些曲子应该比较简单吧，是吧？OK，那需要大家注意的两个概念，什么叫圆，什么叫目标啊，之前写的那个叫目标后叠后叠上去那个叫做圆，能解吗？好，然后讲完这个之后，咱们是不就做了挂卡是吧？OK，做完卡之后，其实我们还讲了几个API。啊，一个叫什么，刚我们讲了。是吧，就电的U是吧，我们在这，我们在这边说了，还有个说什们的事件好，我们说在开里面支持原生事件吗？不支持他有个叫什么是不是OK，我这这个代表什么，传一个XY吧，说啊这个XY是否在你的路径上。

是吧，那么XY这个点，这个点是否在路径上，是不是这是不是我们说的什么说的说的开上面的什么A撇啊注意我们说开身上不能加世界件，所以说你要加事件的话，其实很操作，咱们再讲原形列的时候啊，我们来说怎么给开发上面这个图像去加事件啊，OK，好，那其实讲完这些的话，我们做了几个实例啊，也需要大家去忙去注意一下，好，其实我们这边做了多少个实例，想想上来最重要的是时钟。啊，时钟这个时实际上干嘛，结合了什么，结合了所有基础API是吧，你叫时钟动画嘛，好，那这是一个点，我们说你把这个时钟动画能独立做出来啊，说明你整个开发式的思想啊，它的同步思想啊，它的变换，它这些所有的基本的应该应该没他的问题啊，是吧，后来我们干嘛讲到图片那一块，我们做什么。

飞鸟是吧，飞鸟动画啊，如果这个飞鸟动画做出来说明干嘛结合图片使用啊去干嘛结合图片去嘛，创建动画啊，应该也没太大问题啊，然后做做了马赛课，马赛克里面就是你的像素啊操作，后来做了呱呱好呱呱卡，就是合成加像素操作。啊，这是我们整个开式的一个体系啊，从基本的API啊，一篇文分画布1PI上下文API啊，注意点，最终我们做的几个比较典型的实例啊，那之后我们在我们的项目开发当中还会去使用开发啊，所以说这块东西好好的给他啊整理好。

OK，好，还有什么要补充的吗？应该。没有了吧，A篇应该全在这了吧，我们讲的一篇应该都在这了，是不是OK啊，如果他有什么新增的一上哪去看。MDN啊。