easeljs 创建绘画工具 updateCache ('destination-out' )

Question

我正在开发一个带橡皮擦的绘画工具。

我不知道为什么当我点击橡皮擦并开始清理时。 整个舞台会变得更轻。当我设置 updateCache('destination-out') 后。

wrapper.addEventListener("pressup", function(event) {
              console.log("up");
              dragging = false;


              // real_wrapper.updateCache();

              if (erase == true) {
                  drawStroke(real_draw);
                  real_wrapper.updateCache('destination-out');

              } else {
                  drawStroke(real_draw);
                  real_wrapper.updateCache();
                  tmp_draw.graphics.clear();
                  wrapper.updateCache();
              }

              ppts = [];
          });

我的代码:https://jsfiddle.net/steven_wong/mnfupy5o/6/ 抱歉我的英语不好。

Answer 1

您需要在绘制之间清除图形。现在，您的代码每次都会重新绘制所有旧的笔画，因此当您使用铅笔时，所有旧的形状都会变得更暗，当您使用橡皮擦时，它们会变得更亮。

graphics.clear();

这是一个固定版本: https://jsfiddle.net/mnfupy5o/7/