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

对啊，那我们今天我们继续啊，那一样按照国际惯例把第九干嘛来复习一下，OK，看我们第九天都说些啥。好，D09OK，我们第九天这个服务器的话，其实啊东西还是蛮多的，OK，我们说上来的话，我们对零八上来是不是直接就讲复习啊，讲完复习的话，我们第九天的话是不是也没有讲其他的，只是讲了一个看啊是不是OK，那我们说下看啊第一个。我们说哎，首先我们得有一个概念，我什么我们说开二啊，开发是跨玻离子嘛，是不是我们说什么开二图形的渲染啊，这个是必须大家都要有一个概念，就是你学开va斯一定要把市场给换一换啊看斯图像的一个渲染知吗？有别于。啊，有别于什么HT图像的渲染。

啊，我们说什么，我们说开vas的渲染干嘛，几块开vas的渲染几块啊，所以这干嘛一般不会出现啊，基本不会就肯肯定不会出什么，不会出现什么，不会出现代码覆盖啊渲染干吗。就代码覆盖后啊。延迟渲染的什么？问题啊，你就什么不会出现什么，就是这种，比如说干嘛我相同的样式啊，一个是在我就是可能是在不一样的时，不一样的不一样的时间上去写的，可是你发现最终干嘛就是我们浏览器真的去渲染时话，是不是指认后面的懂不懂，就是说开放时渲染极块不会出现代码覆盖后延迟渲染的问题啊OK，那我们可以说什么。啊，那么我们说写开发代码的时候。实验VS写开发代码时啊，一定要具有什么同步思想，OK，也就是你们之前学的什么就是渲染，上面可能会有一些衣服的情况，但是不要考它，不要考虑它啊，考虑看法就的话，看法是本身的代码渲染就是什么同步的懂不懂OK。

好，那我们再来看，这是第一点啊，那第二点我们说干嘛。嗯，好，那讲第二点的时候，我们这干嘛，我们分API去讲啊，分布一样API，一个叫画布API。画布上的一篇还有了吗？上下文一篇。啊，画布就是我们什么开放式元素嘛，那画布上的API，我们到现在学学那几个。三个get是吧，什么t context吧是吧，我们说要传一个什么，记住一定要传吧，传一个2D，这是它的第一个API吧，这是开发时元素的API吧，那开发元素你可以一般我们就OC。

啊，你可以叫叫做什么OC也可以叫什么，直接叫都可以得到，OK，还有还有什么oc.oc.hat这是它什么不是行嘛，是不是它有与之对应的，它有与之对应的具备什么，是不是我们说开发时上的呃，画布上的一撇是不是咱们就学的是三。是吧，我们再来看什么上下文一篇，那上下文一篇是不是就多了，OK，那我们什么一个个过。好，首先我们说在基本用法里面有没有涉及到任何的生产，外加。没有是不是OK，那我们说干嘛，这第一个我们写注意点嘛。那在学习这个OK，我们来看啊，在学习这个基本用法的时候，我们需要注意哪些情况。

想想我干嘛？初次里面我们需要注意什么？我们说干嘛，我们说在获取什么上下文时干嘛一定要先判断是不是，你如果不判断的话，干嘛可能会触标器接性问题是吧？是OK，还有呢，我们说画布高宽的问题是吧？是画布高宽的问题，OK，我们说干嘛画布有默认高宽，画布默认高宽短300乘以一百五是不是，可是干嘛切记干嘛啊，切记一定要使用什么it什么at的形式干嘛。

形式来定义画布的很高。是不是不用这种形式干嘛，我们说嘛，通过CS形式定义的话，干嘛会缩放啊，会缩放什么。会缩放画布内的图像是吧？是一个画过高方的题吧，OK，然后我们是不是讲了绘制矩形啊，那绘制矩形的时候我们学了一个什么意思，Ctx点什么非rect嘛，Rect是不是里面传什么XYWH是不是OK好，那这里面的时个其实我们说绘制矩形的时候，第一个这个是绘制在填充的嘛，是不，我们这叫填充举行。

填充矩形是不是还有呢？CTS什么stroke stroke什么re，一模一样的吧？XYWH是不是这个吗？带边框的矩形是是OK诶，什么鬼带边框的矩形。是不是OK，我们说在做这两个东西的时候，在绘制矩形的时候，我们需要注意什么啊，绘制矩形的问题，首先我们有个什么问题啊，有一个什么边框宽度的问题。是不是我们说我们干嘛，我们变怎么选的。边框宽度是干嘛，边框宽度是在偏移量处干嘛，偏移量处什么上下分别渲染一半，是不是我们说这这会带来一个什么问题啊，分别渲染一半啊，可能会存在什么。

可能会出现小数边框。是不是一旦出现小数边框就会干嘛啊，一旦出现。小说边框都会干嘛？向上取整，取整。是这的OK，然后我说在这个矩形的绘制的时候，我们说还有一个什么问题啊。还有个需要大家去注意的一个点。

想想我们说什么，我们说开斯开的API中干嘛？Canvas的API只支持。一种什么图形的原生渲染，直接渲染啊，这种图形就是什么矩形。OK，是不是，这是我们说在画矩形时候，我们要注要注意的点吧，那在画矩形这一块的话，我们还学到哪些样式属性或者说。CT什么？Feel style是吧，TT，还有呢。是不是还有还有什么C。

还有吗？cx.the什么什么cup，还有呢，CT.the drawing。是不是是不是这些都是我们学生关于样式，样式相关这些东西啊，是不是还有什么。那这些都比较简单，我就不给你写注释了啊，这代表线的两头，是不是我们说这两头是加上去的，这代表线的宽度，这代表线连接处应该变成一个什么样的形状，是不是OK这个呢代表你线什么颜色。代表点填充什么颜色是吧，这些都是我们说比较简单的一些样是吧，是不是OK，那后来我是不是讲这个绘制什么路径了，好绘制路径这一块。那这个填Ctx.move two是不是move two，什么XY，我们说这个叫什么加什么将画笔抬起。

是不是将画笔抬起干嘛？点到XY处还有什么意思？CT什么人就OK，人就是干嘛的，什么将化笔干嘛，将画笔干嘛，一到XY出。好，还有什么？一这里面比较重要，陆径这边我们讲了很多，CT什么，Re什吧，Rct吧，是不是这个是画矩形的吧，XY偏移处WH是吧，这就不说了，还有什么CTS点什么？二是不是二里面什么。

第一个什么XY代表圆心，然后呢，半径角度，起始角度吧，是不是我们叫第1g star是然后呢第1G什么N，然后呢，一个方向是不是OK，然后呢，还有什么1PI，我们先把API说了，CPI是什么AC阿two two里面么。两个坐标，两个坐标是不是两个坐标还有什么一个半径是不是两个坐标一个半径一个是X1Y1，然后呢，X2Y2是不是我们说什么，这里代表什么两个两个坐标是不是OK一个啊半径。

是吧，OK。那我们说最后是不是有一个啊，是不是我们说干嘛，这里面我问你这个up几个控制点。三个控制点啊，其实第一个点跟最后一点，你可以叫他起始点跟终止点当中，这个点你可以认为他是一个控制点，所以说干嘛我们说这个阿方法一般跟摩方干嘛结合起来使用是不一般什么结合摩托方法去使用，结合模two方法使用是吧，一般我们说模two方法说。指定这个点叫什么点点，比如说摩法指定是XY吧，那我这个XY叫什么起始点。是不是其实点好，然后呢，X1XY呢叫什么。

我们可以知道什么控制点，OK x2跟Y2呢？结束点，好，我说这种形式，我问大家他会必须经过节点根节点吗？不是我说半径式的吗？确定的懂懂，它就是画一个半径为R的一个圆，慢慢的干嘛靠到他们三个点是干嘛所组成的角上。是不是OK，那我们说还有个还有一个什么法跟它是对应的ctx什么二次倍乘法吧，这个我们来看这个叫什么，这个拿什的评果OK叫什么叫什么叫什么瑞什么前面这个这个咋读啊。

应该是K吧，Qui take什么cup to吧，是不是啊，Qua take cup to嘛是不是？OK，你有几个点，三个点，他也应该是三个点，他应该结合目方法一起去使用是吧，OK，它也是X1跟什么XY。是吧？XY代表起始点，代表控制点，代表结束点，不一样的是什么？啊，它必须干嘛，必须经过起始点和必须经过起点和终点。啊，终点是不是OK，这里还有一个什么。被C什么看嘛，是不是OK，我们说这个方法代表什么，这个的这个方法有几个点，四个点是不是OK，我们说干嘛，这个方法它有。

四个点是不是OK，我们把它改一改吧，好，它应该也是结合摸出去使用，是不是OKXY代表起始点，是不是X1Y代表什么控制点，XY代表控制点，X2 Y2呢，也代表控制点。OK，还有吗？X3Y3是是OK x2Y也代表控制点是吧，X3跟Y3它也代表的是，它代表什么减数点，它也是必须经过什么起始点跟减点，至于你弧度的大小跟裤子也有关系。是不是OK，这是我们说画曲线里面的四个API，这是画矩形的啊。API是不是，这是画线的API上面什么，这是画矩形的一个，它也是画矩形的API吧，这些都是样式是吧？那还有几个比较重要的A篇，我们把单独要列列叫什么。

首先我们来说干嘛，有一个叫Ctx.begin pass BA PH，这个方法是用来干嘛呢？OK，我们用把这个方法来清除，清除路径容器。清除路径容器是吧？还有呢，CS写什么啊？Close c SE close pass这个方向干嘛的？合并路径是不是我们干嘛，这叫闭合路径，OK，我们说闭合路径这一块我们需要注意什么啊？OK，怎么不动了？啊，闭合路径这一块我们需要注意什么。

谁是自动闭合的，是自动闭合的是是什么是手动闭合的，这是手动闭合的是不是OK？好，这里面我们是不是还漏了两个A片，因为我们这些画的都是路径嘛，最重要去画的是一个是非要一个是。吧，是不是啊，OK。你感觉卡了。好，那我们想想OK啊，那我们继续复习啊，再来看，那我们说假如这两个比较做的一些制作，还有还有什么ctx点。BC是不是更什么CS，什么to stop是吧？这然一极其重要，那么这save save代表什么？将将当叫什么？将画布的当前状态干嘛？压入到什么，压到什么要入到样式战中是不？这个状态包括什么？

包括什么样式相关，样式相关还有什么啊，变化相关，这是你们两个，这是你们必须要记住的是吧，这两个点要记住是吧？将画出当当前状态压入到样式占中就知道呢。将什么将样式占中占底的元素，元素谈到什么，谈到样式容器里，谈到样式容器中是不是OK，我们说干么，我们说图像最终渲染。干嘛依赖于？谁？

样式容器吗？是不是啊，我们说我们这个在只指什么，关注于保存状态跟弹出状态，具体你怎么渲染去看样式容器里面到底是什么，是不是啊，所以说我们说看我们看完在往是不是具体问题具体分析啊，是不是可能情况会比较复杂吧，这怎么讲好，那讲完这几个面之后，还有哪几个比较做A想想我们还学到的就是变化相关的吧，是不是CX什么TS是吧，这里面是不是干嘛他有。XY吧，这个XY代表什么啊？叫什么将原点干嘛？将原点按什么当前坐标轴。干嘛位移？是吧？XY个单位是吧？一定是要按当前坐标轴吧？很有可能你执行这行代码的时候，坐标已经被换过了。

你没讲OK，你还有吗什么？RO跟什么陷阱跟的是弧度啊，是不是OK，我们说到跟的是弧度好，那这个是干嘛。这什么你就可以以为干嘛，你就认为将坐标轴，将坐标轴干嘛。按什么方向顺时针方向进行旋转，是不是这意思啊？能理解吗？你他们他们动的是谁吧？OK，还什么C么，是不是OK，我们说这里面跟什么跟因子是吧，就是没有任何单位的嘛，是吧，OK，我说干嘛这个吗。

这个代表什么好，我说可能是放大，也可能是缩小，这个就不说了，是不放大代表什么？缩小代表什么？放大代表什么？放大放大的是谁？放大画布吧，是不是放大画布什么意思啊？叫什么画布中的什么，你要放大画布的话，肯定是什么。首先画不中的。一个CSS像素所占据的什么物理面积？应该干嘛变大？是不是画不中，干嘛包含的CSS像素的个数变？

是真的OK，可是问你画不中干嘛图像的呢？画不中图像的像素。画不中图像，说包含的CSS像素的个数干嘛不变，因为你放大的是换木嘛，懂吗？也就是你干嘛你ctx点标好，你CX标零零一百一百，你这个矩形最终占据的大小还是100个C塔加数乘以100个C。懂吗？不是说放大之后的话，你这个矩形里面这个项目的个数也变了，不是的，它放大是画木。那们讲缩小呢？缩小画布我干嘛？画布中一个CS像素所占据的物理面积变小，是不是画布中包含的三像素个数变多？OK，画中图像所包含的三项相的个数啊，不变。

啊，你指定多少那就多少，懂不懂OK整里，那这是我们昨天讲的一些东西吧，后来我们是不是做了一个时钟啊，是不是啊OK啊在画这个曲是咱们是干嘛漏了一个叫什么C什么是不是OK，我们说的一个使用的话，其实我们用的最多的是零零看什么。o.OC点是不是，可是我们说这个嘛，相当于这个，我们就说把它说成一个功能嘛，这就是清浊整个画布是不是要它有一个注意点干嘛，注意原点的位置。是不是注意什么原点的位置。

是不是OK，还有什么一篇我们没有做到。想想。还是没篇，我没有收到。差不多了吧，应该就这么多API，昨天就应该学了这么多API是吧？啊，我来看一眼瞅一眼。啊，应该没有了，差不多了是吧，这边样式这块是不是还少少了一些是吧。差不多了，没有了是吧，OK，那这就是我们嘛，夫妻啊，那昨天我们还是学了很多API是吧，以及我们说我们学API不能只学他什么意思嘛，咱们踩坑吧，啊，昨天我们是一直在踩坑啊。