第53篇铅笔轨迹的撤销（二）之撤销后笔迹的同步

关键词：铅笔轨迹的撤销, 撤销后笔迹的同步

一、铅笔轨迹的撤销

  昨天功能实现了，今天搬到正式服务器上去！

1. 模仿圆形（Arc）的布局方式

   现在成功了，但有个问题，同步不到学生端，成功代码如下：

方法一：

1）Widget.html中：

  <canvasid="pencilCancel-icon" width="50" height="40"title="笔迹撤销"></canvas>

 

2）Widget.min.js中：

         functiondecoratePencilCancel() { //笔迹撤销

                          varcontext = getContext("pencilCancel-icon"),

                          image= new Image;

           image.onload = function() {

                context.drawImage(image, 0, 0,40, 40)

           },

           image.src = "/static/img/penCancel.png";

                          document.getElementById('pencilCancel-icon').οnclick= function(e) {

                                   var numberOfLastShapes = 15;

                         

                                        if(numberOfLastShapes) {

                                            try{

                                                     points.length-= numberOfLastShapes

                                            }catch (e) {

                                                     points= []

                                            }

                               drawHelper.redraw(), void syncPoints(!0)

                                   }

                          };

       }

                  decoratePencilCancel();

方法二： Index.html中如下：

<!--撤销笔迹div-->

  <div id="penCancel-div"><img src="/static/img/penCancel.png"/></div>

//撤销笔迹

document.getElementById('penCancel-div').οnclick= function(e) {

     designer.undo({

                  numberOfLastShapes:15

         });

};

二、撤销后笔迹的同步

2.1 问题描述

  现在撤销是做好了，但撤销后的笔迹怎么同步到学生端出问题了。原版是老师端撤销一笔，学生端立马同步，但我们的改进版，老师撤销一笔，学生端没反应。

  一定是分离版少了同步代码，先看一下原版撤消的流程：

  一直到现在没找到原因，只有拿出杀手锏了，就是--à把原版index.html中的代码，没用的全删除了，留下精髓，放到最新的上面去。只能这样了！！！

   2017年1月5日星期四