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/