Копировать шейп формы в виде растрового изображения исходного изображения

Question

У меня есть объект EaselJS Shape, который содержит кэшированные графические инструкции, которые действительно дороги. Каждый кадр я рисую больше графики в кеш с помощью myShape.updateCache("source-overlay");, поэтому их не нужно будет перерисовывать следующий кадр.

Но я хочу, чтобы удалить старую кэшированную графику через 1 секунду, так что я думал о создании buffer растрового объекта, скопировать кэш из myShape в image собственности buffer «с, ясно myShape текущим кэшем и продолжить рисовать новые графики на него , затем через 1 секунду очистите буфер.

Трудно объяснить, я знаю, но упрощая вещи:

var myShape = new createjs.Shape(); 
var buffer = new createjs.Bitmap(); 

myShape.cache(0, 0, innerWidth, innerHeight); 
stage.addChild(myShape, buffer); 

function tick() { 
    myShape.graphics.s("#F00").lt(Math.random() * 100, Math.random() * 100); 
    myShape.updateCache("source-overlay"); 
    myShape.graphics.clear(); 
} 
setInterval(function(){ 
    buffer.alpha = 1; 
    buffer.image = myShape.getCacheDataURL(); 
    myShape.updateCache(); 
    createjs.Tween.get(buffer).to({alpha: 0}, 1000); 
},1000); 

Проблема заключается в том, что myShape «s кэш не будет выглядеть как buffer» исходного изображения s. Зачем?

Answer 1

Быстрое решение Грант Скиннер для клонирования кэша:

var bmp = new createjs.Bitmap(shape.cacheCanvas) 
bmp.cache(x,y,w,h); 
var cache2 = bmp.cacheCanvas; 

Обсуждение здесь: https://github.com/CreateJS/EaselJS/issues/701#issuecomment-160349081