javascript - 如何专门为对象创建“stage.update()”？

Question

在我的屏幕上，我有 10 个图像和 6 个文本。我知道每次调用“stage.update()”时都会重新设计视图屏幕。

我只有两个需要常量“stage.update()”的对象。第一个是计时器，需要每秒更新一个文本，第二个是可以在屏幕上拖动的图像。

如何专门为对象创建“stage.update()”？

---

尝试：

1. 我为单个画布制作了一系列“舞台”：

   canvas = document.getElementsByTagName ('canvas') [0];
   stage['full'] = new createjs.Stage(canvas);
   stage['chronometer'] = new createjs.Stage(canvas);   
   

   执行时一个取消另一个的问题：

   stage ['full']. update ();
   stage ['chronometer']. update (); 
   

2. 我试图创建容器。

   containerTest = new createjs.Container(); 
   stage.addChild(containerTest);  
   

   问题？无法仅更新容器中的内容。

Answer 1

有了自动收报机和计数器，我认为你可以做你的事情：

var counter = 0;
createjs.Ticker.addEventListener("tick", handleTick);
var chronometer = ...
chronometer.cache(xChrono,yChrono,widthChrono,heightChrono);

function handleTick(event) {
   // handle your drag and drop
   // ...
   if (counter == maxValue) { // maxValue = 1000 / createjs.Ticker.getInterval()
       // redraw your chronometer
       // ...
       counter = 0;
       chronometer.updateCache();
   } else {
       counter++;
   }
   stage.update();
}