09_尚硅谷_h5_canvas-save&restore.wmv原创

来，我们继续看一下C5和。是个什么鬼？好，比如说干嘛？我来写一个小弹幕给大家看看，CTRLCCTRL。And，来这两个是干嘛好，所以大家看，那现在我去干嘛呢？好，上来我什么都不干，很这这个比较干净嘛，是不是OK，然后想想我要干嘛，比如说我去画矩形啊，OK，最终我CTS点标是不是OK，比如说在什么50 50这个位置画一个100乘以100的矩形，没没这个没毛病吧。没毛病是不是，而且我们说如果你下一次还要去画东西的时候，是不是我还可以去画点什么什么这什么是吧，比如说干嘛我在一百一百这个位置画一个200乘以200的矩形，是不是走你是不是也没问题啊，可是我们说最好养成一个习惯。

每次画图形的时候Ctx.begin pass啊先把上面的啊，其实我们上面有路径吗？现在没有，因为这一个代码，可是我们说养成一个良好的习惯，每次画新图形的时候给我pass下。能没讲好，可是还有件事情，我们说每次你去画图形的时候，最好是CTF点，先给我一下OK，然后给我ctx点一下S。做一下是吧，在当中的第一步给我CT。Pass一下，关于任何样式上的修改，全部写到pass上面，因为我是不是只清除路径的跟样跟样式有关系吗？

Feel调啊什么线的宽度有关系吗？没有，所以说像些样式，比如说嘛，你会去填充的要干嘛feel比如说等于PI是吧，OK，那你就写到这个比pass上面，那真正的路径画图形，在begin pass上面去画懂不懂，所以一般一写看法，首先上来给我写个，然后写个知道在里面上来写个怕怕上面关于样式的，下面关于。路径的。能理解我的意思吗？能不能理解啊，OK，可是为什么这么去做，是不是啊，我们来看看，好，我来问大家，现在我在这个比例法ctx减2BO。是不，我去画，我在50，我画个一百一百的什么鬼哦，一百一百的句型，来看一下周年。

市面上粉色，因为在里面。P一下嘛，是不是OK，比如说干嘛来，我看如果在这里面再下去画，是不是我是不是又要画了，OK，我说画之前就要干嘛。走，你画之前最好去个嘛，给pass一下是不走，你问答这个这个应该是什么颜色。比如说什么在100这位置嘛，是吧，100这个位再画个100啊举行吗？什么颜色。什么意思啊？什么颜色？黑色好，为什么？因为他们俩在搞鬼啊，这相当于是个作用域。

啊，可是我们待会来说下原理来看，如果把这个东西写到下面粉的是吧，再来看，比如说干嘛PI第。PI是不是蓝色？嗯，红色OK加的亮色是吧，过年最终画这个图形的时候是是一个什么颜色。你看这个，你还需要关注这个big pass吗？不用问你画它是个什么颜色。贾乃亮什么？绿色吗？画它的时候什么颜色？也是绿色是不是周你两个绿色没毛病，是不是OK，那我们再来改一改，比如说诶我这边带了一个CT.c是不是OK，这个时候问题这是一个什么颜色。

什么意思啊，你看还是绿色，没有任何影响是不？我在上面干嘛，不管你怎么C干嘛。我都没影响，你先不要叫，看着看着OK来看着是没有什么任何影响啊好，我问你，如果我这个在。上。CTRL我就放在这上面，是不是我下下面这矩形我不看了，我就这样，我问你什么颜色。什么颜色？肯定不是黑色。绿的肯定不是绿色，看着真的是绿色是吧？OK，这个吗？再来一次，什么颜色？

绿的还是红的啊，肯定是红色是吧，我干掉一层。什么意思啊，还是红的是吧，不是，除非我把红的删了，我再加一层颜色。蓝色。是吧，再来一个呢。是吧，OK，这这。这是一个什么机制啊，切记啊，我们在刚刚说的一个容器叫做路径容器，是不是每次在我们画图的时候，你具体什么颜色，它也是有一个结构的，是一个栈结构好，暂结构先进。

先进后出是不OK，来看一下，比如说干嘛，现在我有一个暂结构是OKC压榨，记住CT的C叫压在，他把什么东西压进去啊，不是把路径压进去，是样式相关的东西压进去。懂不懂，OK问你这个时候是C加点C时候，这个时候你压进去是一个什么颜色。这个我就问你的时候是一个什么状态，黑色默认色是说你第一次压进来的是一个黑色。是吧，OK，然后ctx等于P考我不管是吧，一开始我这边有一个容器，你一开始里面是黑色是吧，OK，你这边变成了。粉色跟我这个再结构也没关系啊，没有是不是OK，然后再看我这边又干嘛压榨压谁，这个时候状态是多少pink那进来的就是。

PI。是不是OK走OK，然后呢，点啊C变成干掉变成拼好又变成blue干掉变成blue OK CT s点。C压进来谁？是不是OK blueb a。是不是OK，然后干嘛C点干掉变成跟我这个有关系吗？没有干嘛压压谁忍。是不是OK，然后这边CTS标识要跟什么啊变成。

绿的是不是干嘛要进去？是不是begin氢容器路径容器跟我没关系啊，是不是OK来看现在如果我没有这些东西啊，都没有问你在这个数去画的时候应该什么意思，看哪的看这边。最终画的时候不是看的这个再结构，而是看的这个颜色的容器，颜色，容器里面是绿色，懂不懂，可是如果我我来问大家。如果上来干嘛，Ctx点什么意思啊？C5叫压站叫战。先进后出马，后进先出马，好把占地元素弹出来谈谁？第一个糖水。

Green。是不是弹到这边来把它干成GR瑞，也就是说我写第一个的时候应该是写，写一个时候应该是。绿色是不是OK，如果再掉一次是他他什么思，这个底是不是已经弹掉了，OK把把这弹出了，红色弹出来。把你这个鸡改成红色，第二次应该是红色是吧，这个已经被砍掉了，然后什么蓝色，然后是粉色。是吧，也就是说我这么想。这个是不是应该是个什么颜色，绿色。是不是OK，你写两回的时候应该是个什么意思？写两回的时候，你得看什么？看暂停是谁吧。是不是我们说压战，压战这是最后一个压进来的。你税五在这边嘛，你第49行这个税五你压进来是绿色吗？第一次弹出来的给你就是绿色是不是啊，第二次弹出来是谁啊，红色是吧？那这个时候应该是啊红色吗？是吧？OK，第三次弹出来是谁啊，不漏吗？问你这个东西有没，这个东西有没有进过站，他没有进过站，可是这个东西存不存在我颜色容器当中存在，而且被覆盖过，覆盖成堵路了是吧？走你那这个时候应该什么意思？

是的。你看这个是代表瑞第一次弹出来，这个代表瑞的，弹出来这个五代表不弱，弹出来这个C5代表PI，那应该就是粉色。是不是OK没问题，是不是，那我刚刚说了，我们说嘛，写canvas的时候，我建议大家怎么去写。基本模板，基本模板是不是我们说你如果想画图形，这两个图形完全不搭嘎的，那应该怎么办？

完全不搭嘎，有这两个图形干嘛？没有任何东西干嘛？是是有联系的，那我应该怎么整。分开写咋写OK，找你，我们说那就干嘛，CTRLC。为什么这么写？首先你上来我们说这边写什么。关于。样式的设置，是吧到里面去干嘛？关于是吧路径，为什么？因为你在这边写的这个路径相当于你上一次所有的路径容器被清过了，你在这边开始写路径，从头开始。

是吧，这边为什么选去选样式。因为你干嘛，上一次样子已经给你。保存过了，在我的暂暂结构里面了，你这边样式不管怎么写，只要弹出来到我这边一四流行的时候干嘛还原的，就是你初始化的时候的一个样式，懂不懂，这边开始问，你再进来写样式啊。是从哪个维度开始的？初始化的时候懂不懂，这个时候因为你你在这边去写一些关于路径的东西干嘛，一模一样的嘛，跟pass什么不要管了，路径全部都经过了，在这边写路径，从头开始，这边写样式，你也不用担心上一次初始化的时候你什么样式，我在这边给你保存一份了，可是切记一个C给我对应次。不然会乱掉的，一个C5对应式就知道一个C对应一个知道相当于你在这里面干的所有的事情。这就是一个会计作用，你干的事情跟我有关系吗？没有，你在这个里面，你想怎么玩你就怎么玩，是不是？可是在这边也需要大家注意干嘛。

成对出现。能不能理解，OK，就是你看现在我问你第40行到第四十五行，你里面做的任何的事情，跟我48~52行这个图形有关系吗？没有半毛钱关系。懂不懂？这是我们写开发的一个套路，必须一起作用起来。懂吗？好，里面的机制pass跟路径容器有关系啊，Save跟我的样式占有关系啊，懂不懂可是问你最终去画图形的时候是去读的样式站吗？不是读的是你的样式容器，只不过我在出站的时候，在弹战的时候会将占比元素弹到你的。颜色容器里面去把你颜色容器里面的状态给覆盖掉。

你能理解我的意思吗？比如最终，比如说我最终我在这边去画的时候，CTS点什么点。你要是不是去画图了，你去画图的时候，你是要找什么颜色，找宽度啊在哪边。在样式容器里面去，样式容器里面找的这边有个叫样式站，这个站结构是干嘛的？你掉一次就知道，我把暂停的元素直接弹到你这个容器里面去，把你当时这个状态干嘛给你覆盖掉。能理解我的意思吗？啊，所以说这边需要大家注意一个路径容器，第二个样式容器，第三个样式。能理解吗？我在这边给大家去写一下，OK，第一个叫做什么路径容器，一般容器就是一个堆结构好，第二个大家得注意一个叫什么样式啊容器，第三个大家得知道一个东西叫样式啊，这OK，这里这三个结构好以及分别哪个属性会对会对他们有影响，路径容器我们说什么？

每次调用路径API时，都会都都会往什么路径容器里面做做登记，OK，然后呢，我们什么但凡你你干嘛，我们说这个路径一片它有哪些啊。现在你学的路径API有哪些？是不是啊，OK，好，我们说什么，还有什么叫什么。

调用。Begin pass，不用想了，清除整个清空吧，清空整个路径容器。这个能不能讲OK，我什么样式容器呢，每次在调用什么样式做什么做登记啊。是每次调用。样式API时都会往什么式容器里做登记，是不是OK，然后呢？然后呢，调用什么调用C调用时将什么样式。

容器中的状态，干嘛将样式容器里的状态压入什么，这要是这是不然后调什么。干嘛将样式暂定什么将样式站的暂顶元素暂停状态吧。站点状态干嘛弹出，弹出到什么样式容器里。进行覆盖好，这是整个流程啊，你要知道样式站是跟什么他们俩有关系的。

懂吗？能理解我的意思吗？好，那这是一个比较难的一个点啊，要把它啃一下。