29_尚硅谷_h5_canvas-others.wmv原创

看一下啊OK，比如说现在我打开了一个挂卡，是不是不管打开哪个，我们再来打开一个吧。啊，一般刮卡在抽奖的东西上用用的比较多是吧？啊，再来开一个吧。就这个鬼。查看也是。这个是生双胞胎那个吗？OK，你比如说这个我刮是吧，什么鬼明天再来啊，你看我刮开来，你看我如果挂得很快。你看是不是都是干嘛，断断续续的是不是OK看他。我刮的很快，也是断断续续的吧，是吧，看他我挂的很快，哎，这个不是。是不是这个不是吧，是不是你可以整一个啊，整你外面搞个戒指吗？是不是里面整你跟你对象照片不也行吗？点开了吗？是不是这说没有那么好看，可是凑合的也可以吧，是不是，可是我们说哎，那想想为什么我们在这边划的时候画圆就不行。

如果慢慢滑，慢慢滑的时候也是连续的，就怕你很快的滑，为啥？大家想想我们是不是在你的他木，或者说叫欧斯木里面去指定一个圆心的，你如果滑得很慢。你划的很慢，圆心跟圆心是不是靠的很近？每两个圆的圆心跟圆心靠的很近嘛，你们的半径可以去连到一块的嘛，如果你画的很快，圆心跟圆心太远了，离的。那当中不就干嘛有一段是跑不到的嘛，因为你半径是有限的呀，懂吗？所以我们是画线是最最什么。连续的吧，可是还有一个问题，大家看我划了一次，OK，我手指抬起来是吧，来看我再去动鼠标啊，比如说我点一次大家看。哎，怎么又没那个效果。OK，挪出去再回来啊。挪出去啊，再回来。

大家没有看到，是不是现在我都没有，干嘛没有去按鼠标，他是不是还能画，这是为什么？想想PC端touch木事件啊，不欧木事件能不能单独处罚？欧魔斯木世界能不能单独出发，可以啊。欧摩斯木出现是你必须要点到鼠标上面，按着鼠标才能哦，莫斯木吗？不是的吧，只要你动鼠标就不可以了，你想一想，在移动端他起木事件，你有没有可能不经过他其你就出发了，隔着屏幕挂懂吗？所以说在手机端你是没有办法单独出发他就幕事件的，所以说我们看不到这种诡异的。现象在移动端必须先触发是大，再触发木，是一个连续的过程，懂不懂你手指隔着屏幕是不可能触发，我们是出电了，人最起码干嘛连着一根线嘛，连这个什么蓝牙吧，是不是啊，OK啊，这是我们说的嘛，说是我们做刮卡的时候干嘛，就是这两个事件不一样的地方懂不懂啊，就同学们抠这么细是应该的啊，可是有。

有些东西的话，可能现在还没有办法给你们讲的那么详细啊，等我们课程一步步讲到移动端的时候，你很多的一个结就可以打开来了，对吧，那个时候那个感觉是蛮爽的，那讲OK再来看OK，那我们再来看，好那我们再把最后把把一些看完中学节讲了吧，来看一下，我们看不是最后还剩啥啊，注意到最后了。开斯讲两天吧，来讲一天嘛，啊这三天。得类成狗啊，来看一下最后开发时我们还有一个什么啊，将画布导出为图像，我们说本身开发大就是什么。图片吧，OK，那我们最后再来吗？再来一波吧。最后一波了，11是吗？二是不是12了吧。

OK，看写了多少弹，是不是OK。导出为。图像这个怎么玩？大家想，其实导出图像比较好做。啊，只有你啊，比如说我们刚刚那个刮卡是吧，我们看那个刮卡，刚那个刮卡。OK，走你。干嘛F12。刷一下右键，图片另存为桌面，就应该是张图片。是不是所你看一下，你看是不是这张图片是不是，可是在移动端的话，是不是有有些时候你没办法右键。移动端码是不是可以长按是吧，那长按时候的话，可能有些功能需要你自己去写了。

懂不懂，那怎么去生成一个路径呢？来看一下。好，大家看现在我是不是也是一个。挂卡来看一下，我们说干嘛，C上还有一个方法。哎，记住这是谁，这的方法看法是元素的方法，To塔UL，看这是干嘛的，是不是它CTRLC干嘛。这时候我啥都没画吧，只你CTRLB点什么Q什么点q date URL吧，OK，看他给你反馈什么。啊，这个可以干掉。我标这是我们学的第四个开发式上的A，画布上的一，我们看这个什么。Relt result这个玩意看下这个是个什么鬼啊，看点look一下这个什么result ctrl c CL c这里看一下。刷一下。

是不是他我把这个地址复制一份。OK ctrl c打开了TRLB，看见没有，是不是我们那个画布啊，默认是不是透明的，什么都是不是透明的，比如说我稍微给他画一点把那刚那把把那删了干嘛，智障。什么get一个ctx等于什么看点什么get啊，这是不写炸了感觉啊，再记不住干嘛让你手写，你还不一定能写出来，真的啊，OK，让我手写也不一定里面单词记不住啊，非要什么00100啊，1199199吧，不管了，走你。是不是F12干嘛走，你等2C点开来复子多了，那兴奋了。

这里是不是他CCC。Ctrl a干掉CTRLB走你诶怎么还是空的。啊，我在哪导出啊。是不是在这边导出的，我看等他画完我再导出同步的嘛。走，你。OK f12。再来看CTRLC，再来打开一个CTRLV是不是就有了能解还是那个问题吧，同步的问题吧，懂不懂这就干嘛，这是不是拿到这个图片的UU了，懂吗？好，那最后一个A篇啊，CT什么判断当前路径是否包含检测点。也就你这个点是否在我的一个路径上。好，这个有什么用？OK，我们来说一下。

零二，OK，我们来说一下事件，好，我问你开瓦斯的元素能不能有时间。上面的图形能不能有，能不能实。开上的图形能不能有事件，图形有事件吗？比如说来看一下，比如说现在我有个矩形是不，我说我。我先换一个浏览器，等你来看一下。好，问你现在我点到上面干嘛，比如说画个圆吧，我不要画个这个。什么ctx点什么AC是不是OK，圆心是。一百一百八画一个500360啊，360是世界上。啊，最虎的一家公司，太牛了啊，他是最霸道啊，他是最霸道的一家公司是吧？最啊，自己造毒自己杀毒，你说这人好来看一下这里干嘛，我们说ctx点六是不是走你来看一下，现在我是不是画了一个圆啊。

是不是我说我点击这个圆的时候，要想让他去123怎么办。咋想？能能，你有办法再点这个圆的时候等于幺三吗？可以啊，速度看吗点。O的时候等于一个方形是不是我点画物都是2123，是不是123折你你看我点画步。电话布俄特二三电源也是也是也是223吧，哎，那里面给我们出来个方法叫什么叫。In pass是吧？你这个点是否在我的径上也？

是不是我们说什么，你是不是得拿到，你点到哪，是不是XY嘛，是不是点到哪怎么拿。E嘛，是不是找你干嘛，EV等于EV或者。是不怎么办？Y一个X应该等于什么e.X减去va.of left应该知道我在干嘛，Y一个Y等于Y减去托尔法是不OK，这个时候再来看。John。刷一下，你看我点旁边有吗？没有点这个圆呢出来，因为你点的这个点是不是正好在我一个路径上。是不是你点其他地方有用吗？没有，可是事件没触发点其他地方。

世界出发。触发了你事件，肯定触发了你们这个判断题，没有走而已。懂吗？你点这个圆的时候才算触发这个逻辑。懂不懂？OK，那还有一个问题，大家看我现在画两个圆。比如说干嘛，我在两百两百位置再来画个圆，来看一下周年刷一下是吧，你看我点第一个点旁边肯定不会出发点这个是不是路见。是不触发了点，这个是不是路径他们都触发了。什么鬼，怎么都出发了？想想，点他出发了，点他出发了。想想哦，他们俩是不是都是路径啊，是不是啊，其实我这个非要画画了两个。

我在非20，如果这个路径画了一下，这个路径也画了一下。是不是啊，重新我问你，我事实上这个的时候是上面两个圆我重新都画一下，是不是啊，那我这样写，我要把套路写谢CTS.c5就不要了，因为我没有任何什么样关东西吗？我begin pass，每次画之前我干嘛就begin pass下吧，这走你来说一下，你看我点地下有吗？没有点他有吗？有，他永远是在最新的路径上。刚刚刚刚为什么有。我点的时候，你我这个饭时候画了几个两个，这两个都是最新的，所以说才会有这要吗。懂吗？OK，可是如果你这么写，那就有个问题，现在我这个事件是不是只表给了下一个，这个是不是没有没有没有办法去帮他的事情啊，我想点他的时候弹出四五六点他时候弹二三怎八。

是不是一个问题啊，啊，那这个问题暂时我们还讲不了，因为我们还没讲原型懂不懂，可是你也知道这个is put in pass，它是用在最新的路径上的，能理解吗？还有一个给开va的图像，给开va斯画布上的图像去加世件是一件特别困难的事情。是不是啊？我们是不是没有办法选中那图像跟我们之前用用，跟我们之前说什么用CSS选择性什么选不到一样吗？能理解吗？OK，有这样的一个体会，那我这这些事情我们之后再来说好吧，OK，那看法是基础点，我们就讲到这。那看完还没完，以后项目还会用到。懂吗？啊，所以这块啊，自己把这个开发点从头到尾捋一遍。