10_尚硅谷_h5_canvas-签名.wmv原创

啊，上午我们会把一些API给大家先捋一捋啊，下午第一节课还是去捋一下API啊，捋完这些API之后，我们今天要做一个很重要的东西啊，那这个东西你如果晚上自己能写出来，那说明你整个对基础API这一块掌握的不错，对开发式的整个套路，整个模式都能理解等等，这个东西你要是写不出来啊，那你明天的课肯定没法听。好，我们来看一下，其实我们就最终我们还是去做钟表。啊，这次我们换一个这样的图标啊，这全部是用开法式画的。啊，之前我们是不是用2D变化去写过一个版本啊，可是那个版本的话，说实话就是带你们去体会一下怎么用基点。是不是我们2D变化最狠的就是你如果把那个东西做完，所的基础API都能过一遍的，其实是那个三星导航。是不是如果你能单独把扇行导航来给他写出来啊，你就不看我的代码，你也干嘛不看视频，你看看这个扇行导航这个效果，你能把扇形导航写出来，说明你变换过度啊，你掌握了懂不懂，OK，如果你能把这个时钟完完全全自己写写出来，说明你开完式的基础API就可以过了。

能理解吗？OK，那这是我们下午要干的一些事情啊，那画这个东西其实啊，里面还是有很多需要我们去注意的点的，OK。好，那我们再来看啊呃，那我们是不是到现在，大家想想到现在是不是还没有，好像还没写过实例吧，那我们现在写，现在干嘛写一个实例，写一个什么实例呢？嗯，写个这个玩意玩，我不知道你们有没有写过。签名有没有写过，就是我划鼠标，比如说干嘛，比如说比如说李，李金龙是不是喜欢跳舞。

是不是好，这就是什么用来画的啊，这个应该怎么做，其实好做了。不就是线吗，是不是，哎，我们说之前大家应该讲过一个叫拖拽。是吧，P是不是应该给过你们一版比较完整的一个拖拽的模板。基础课的时候讲的拖拽。就拖在一个小框，拖来拖去啊里面说我们说要兼容其他浏览器的话，是要什么，要干嘛，要要要要要叫什么，全局捕获释放全局捕获。你们有没有学过，到底看一下，对对对对对对，肯定做过是吧，我来找找吧。

拖来拖去的嘛，是不是这样，我来把它复制一个嘛。肯定做过来，我们做这个签名吧，来，首先我把这些东西全部干掉。干掉，求你干掉OK这个模板有没有见过？这这张代码没见，百分百见过。是不是我们说这个叫曲线救国？不是干嘛全去捕获嘛，是吧，你看释放全球捕获吗？啊，这个东西我就不讲了，这个东西讲起来不是什么一两节课的事情，这应该在你们基础课里面应该讲过，懂不懂啊，如果忘了自己再什么反过头去看看是吧，现在大家看。不管了，看这个东西有没有见过，现在就一个画布，白色的画布在我的吗，正中间，是不是现在你看我是不是拿到这画画，拿着画笔啊。

是不是去拿这个画笔的时候做干嘛？判断一下吧，是吧，怎么判断。叫看了吧，是吧，一看了点什么get，如果有这个一片，我再让你来。掉是吧，去来掉这一天是吧，现在为什么拿到画笔了，拿到画笔之后，大家看现在我这个他就我这开，我在这个开发上面去点上去之后啊开全部化开。全部替换好的，看现在我是不是触发了这个开的欧斯事件，切记是画布的欧事件吗？OK，我是不出发这个事件，我挖一个一点或者什么温度点。为嘛是吧，这个应该知道吧，是吧，OK，其实这个话也不需要是吧，因为我在这边已经嘛，相当于画鬼子嘛，是吧，这个这个能不能讲好，这个相当于什么，这叫全局不破啊，为了IE6IE什么IE系列去做的兼容是吧？然后我在文档上面去划的时候，我怎么办？

去拖的时候，你这个字是不是应该出来问题，现在我在上面划的话，是不是相当于在那个文档里面划，划的时候应该是不是出来字啊。是不是怎么出来，你CTS点什么。是不是要去一个点，首先是不是得摸出到一个点哪个点，你点的这个点吗。是不是你点的这个点吗？这个点怎么确定啊。这个点怎么确定啊，我这不是有EB吗？是不是啊，我这边不是有一个EB吗？照样EB等于什么。这个鬼是吧，其实你可以简写成这样。

加不加点不是一样的吗？加不加温度点不是一样的吗？那。啊。这什么，我这个一肯定要拿。这个什么鬼，这个都不懂，不可能吧，你不要吓我们，你们不是你们，你们不要吓我啊，这个知道为什么吗？是不？我说有些浏底下这个因的对象是放给毁掉函数第一个参数的，有些浏底下这个因为的对象是绑在温点上的。是不是温度点不用加，默认就是温度点嘛。那不讲这个代表短路货吗？如果这个东西存在下面就不执行吗？如果这个东西也没有那个嘛，我就用他嘛。懂吗？OK，然后怎么办？我们说移动一个点吧，比如说我现在我比如说我点到这边，我怎么拿到这个点，参照于它的坐标吧，因为我是用的开式标。

是吧，我们说比如说我点上去，我要画东西，那我是不是要称之为这个点啊。怎么怎么让我这个点操作于这个点，就是怎么拿到这个点操作于这个点的坐标。相当于坐相当于什么？我的坐标器是这样的。怎么办？我们说E上一么可能是不拿到口的。是不是减去它的什么。我下我下他外吗？不就出来了吗。是不是怎么来E减什么可X减什么谁的。的吧，是不是这边能用this吗。不能，我这个回调是多个在下面的。这你们这个认识是多的，你要用什么开开么？

是不是他没有吧，我嘛，相当于他距离是的一个配量嘛，好这些API属性之后我给你细讲，可是之前肯定讲过一遍，可是没有整理过，最后给你们去整理一遍，我们在写效果的时候用到的所有的关于尺寸，关于位置的API，我都会给你们去整理。能不解啊，可是你们现在应该能看到过这些东西啊，啊，可是忘了是不是OK整你，然后呢？C。是吧？摸到这点了吧，这个其实木应该在什么时候做？是在我滑的时候吗？还在我点的时候啊，确定应该在点的时候，那我是不应该写到这边了，是不是啊，OK，而且我们说现在没有抽到任何样式吧，OK，我们说你画路径之前先干嘛，C tx.begin pass一下是不是现在要save什么save，现在需要save知道吗？没有，你没有指定任何样式，你指定样式的时候你再来考虑save的知道吗？懂不懂，OK，那目的时候怎么办？

扔住吗？改成兔不就行了吗？在扔兔的时候干嘛画线吗？那不就完事了吗？对啊，点个点零。是是不是点个点点的没毛病吧，看看走你什么李看见没有金。

什么龙？是不是love？云龙是不是两条龙嘛，咱们自己玩去吧，是不是OK啊，这叫龙母是不是开玩笑，OKOK，那是不是这个就做完了。是不是啊，诶那换个颜色行不行，颜色我问你现在关于颜色了，是不是要考虑四跟就是动了颜色，我这比如说干嘛，是不是在这上面的CTS点什么什么吧，S点什么ST等于什么，比如说pink是不是OK，我们说现在。怎么玩？在这边加一个CX点，把黑色那个状态压进去，什么时候知道。

是不是在这边，是不是在这边去知道是不是我问你，你能写在这两个回调里面去吗。不行。我们在执行这个欧姆的时候，点上去的时候干嘛，应该先save一次啊，走，你把这些完成，然后直接先去那个道。在滑的是再进来划的时候，你有感觉色吗？没有改颜色的话，那我就不用C5可知道了，如果你滑的时候再去改颜色，那其实在我这个轨道里面，你还得C5知多意思。能理解我的意思吗？反对成对出现，这个时候就要考虑异步了。是不是问你先是执行CTS电子道，还是先是执行多个面的点欧姆斯木啊？先执行四，呃，先执行这里面的代码还是先执行，先执行第47行，还是先先执行第58行，先执行58行吗？所以你先把这个C540行这个C5和58这个知道干嘛执行一次吧。

等等，其实他想我在这里面去画的时候，我问你是是一个什么颜色。黑色还是粉色，黑色还是粉的。黑还是粉，黑还是粉的，我就问你这个很重要，你就给我理解一下，第四次在执行的是黑的粉的。想想啊，我上来到一次啊，在里面，比如说也颜色里面是嘛，亚器里面是不是黑色，现在C点到进来什么。黑色是不是OK，然后呢，这边改成粉的了，是不走你我有年道吗？没有是不，这边没自行器没有电到黑色把它干掉，这边在画的时候是个什么颜色黑的。

是不是黑的看一下嘛。是不是很奇怪？看看为什么，想想这是为什么？很浪漫吧？想想照我的理解应该也是个黑的，照的理解是黑的，不可能是粉的。那我们再再再把这个过程看看。Save点。C d save嘛，这时候进来肯定是黑色是不是啊，OK，颜颜色从前面一开始是黑色，现在变成pink。是不是别跟发没关系嘛，跟我这两个容器没关系嘛，摸出的时候是一个什么粉的。

是不是啊，摸出的时候是粉的吧。OK，摸出的是不是粉的？啊，在某出的时候，它是它是不是已经是粉的了，是不是啊，你然后你干嘛C点。OK，这个变成黑的肯定是变成黑的了，是不是，可是你扔的时候是干嘛。现在是不是执行的是轮度啊，好像是不是干嘛你摸出的都是粉的。是不是啊，好像现在是不是就是粉的，是不是我点上去这个点的时候，是不是已经告告诉你是什么自信粉的了，好像你能读的时候就听的是什么。摸出的一个状态吧，啊，这个之前还没在意过，那我们看一下，那怎么给他去再整一整想想。怎么再去整一整，如果我把这个东西写在这里面，我们看一下。

写在里面的话，其实有是有一个问题的，每次摸的时候干嘛手都会。抬起来一侧是不是，可是我们来看一下，这个时候不管点上去什么颜色，看不到吗。是不是点上去是名字看不到嘛，你要干嘛，人跟位置一样的嘛，是不是啊，那这样我让他干嘛，加一个100是不。是不是再加个100看看吧，你看还是粉的吧，这边还是粉的。像这什么这边还是粉的，我们看看是不是还是粉的，你看我这画出来什么鬼啊，不管了，是不是为什么还是粉的。爆炸了，看一下。执行到这一行的时候，往在里面填的是个添的是个什么颜色，黑的好样式容器里面把从黑的变成粉的，别跟八是清除路径，不管是不是，然后呢。

啊，这个他有直行道吗。我的天呐，58号有没有执行到什么鬼写的什么鬼是不是放在上面了是吧，不能写在什么，不能写在后面嘛。是不是啊，看见没有，肯定是黑色的，是不是你放在干嘛？你摩托在外面也应该是啊。黑的是吧，整理整理啊，4545看一下。打不打脸黑的是吧，啊这边奇怪，因为我这边加了100是吧，刚刚是为什么刚是为嘛，刚刚这行代码没执行到，压根都没弹出来，因为我放到什么，你他后面去了吧，他应该得前面就能执行到了吧，OK，所以说我们的逻辑是没问题的吧。

是不是OK，那你想要想让它变成粉色怎么办？你得什么？你然后。你在这边画，你是粉色的，出来我就出来，就是黑色，是不是走你。看见没有神奇，OK，完事。是不是一点都不兴奋？是什么鬼？不应该觉得这感觉是好屌啊，是不是能不能理解了？是底下的代码还未执行吗？Return是干嘛？是终止整个函数的执行吗？你不要看的就干嘛，直接宇称后面的代码就干嘛，不会解析的读到你测你干嘛，整个方形就干嘛，执行结束了，是不是我们说有几个，一个叫break，一个叫肯，一个叫么是什么结束。

当前结束当前循环肯是结束当次循环嘛，他呢结束整个函数执行吗？是不，所以说你这个不能写在后面吗？懂吗。啊。他不。为什么要选称吗？阻止事件的默认行为啊，你不是在一个O模式档里面吗？在一个欧盟场里面，最终我去称的话是让我这些逻辑干嘛跟我的欧盟斯上本身的一些什么浏览器本身给他的一些什么摸波人写，干嘛不要产生冲突啊，只执行我的逻辑啊，所以说最终需要force啊，这个在讲这个之前，在讲这个错在的时候，你们应该讲过啊。

啊，这个吗？阻止行为吗？啊OK啊，这个应该没问题吧，前面啊，如果你不懂为什么成破的，你得回去看一下了，当时在做错端的时候，为什么这么写，懂不懂，这个是其实是阻止I1啊，就是我们什么标准浏览器底下的事，这工行为这这。这个代码呢，其实是为了干嘛曲线救国的形式，阻止A6底下的无人行为，懂吗？啊，这个应该得得知道懂不懂，那我们光说这个开发的话，应该跟没有吗？我们之前逻辑是对的吧，是好，刚刚我们踩了一个坑啊，把它放到什么在后面去了。