javascript - 如何在paperjs上获取符号层？

Question

此代码将 30 个 LED 图像绘制到画布上。如何选择和更改 LED 符号 onMouseDown 事件的来源？

var raster = new Raster();
raster.source="/PNG/Red.png";
var sembol = new Symbol(raster);

for (var i = 0; i < 30; i++) {
    var bura = sembol.place();
    bura.position = Point.random() * view.size;
    bura.scale(0.5);


};

Answer 1

假设您的视图中有一组光栅对象，例如一排按钮，以下应该可以工作：

function onMouseDown(event) {
    if (event.item && event.item.type === 'raster') {
            sembol.definition = event.item.clone();
    }
}

由于将项目定义为符号时从视图中删除，因此传递了一个克隆。

Answer 2

您可以将onMouseDown 处理程序直接添加到 a PlacedSymbol，在这种情况下bura：

for (var i = 0; i < 30; i++) {
  var bura = sembol.place();
  bura.position = Point.random() * view.size;
  bura.scale(0.5);

  bura.onMouseDown = function () {        
    // you can use the closure variable `raster`
    raster.source = "/PNG/Blue.png";

    // or, if you don't have acces to `raster`:
    this.symbol.definition.source = "/PNG/Blue.png";
  }
}

希望这能达到您的预期。