javascript - 如何在 Paperjs 中延迟渲染光栅？

Question

在这个例子中：http: //jsbin.com/uPECeKUP/1/

在 Paperjs中，栅格在创建后立即呈现。有没有办法推迟渲染，对光栅执行一些操作（缩放、重新定位、过滤），然后放到画布上？

ps
画布是否会在渲染时触发任何事件？

Answer 1

画布由一个绘制例程改变，我相信只有在视图本身发生变化时才会调用它。因此，您可以在视图范围之外、在另一个画布上或在可见性为“假”的对象上进行处理：

myPaper = new paper.PaperScope();

myPaper.setup($("#c")[0]);

var raster = new myPaper.Raster({
  source:'http://1.bp.blogspot.com/-KPnRx1slIH0/UMs_0gCpVnI/AAAAAAAADHM/i6ATMHNI_rI/s320/National+Geographic+HD+Wallpapers+26.jpg',
  position: {x:100, y:100},
  visible: false
})

raster.onLoad = function () {
    raster.rotate(35);
    raster.visible = true;
}

AFAIK，画布在渲染时不会触发事件。