Question

ionViewDidEnter(){
    this.loadCanvas();
}
loadCanvas(){
    canvas.on('mouse:down', function(e){
        this.canvasMouseDown(e);    
    });
}
canvasMouseDown(e){
    console.log(this.lock);
    console.log(this.pausePanning);
    if(!this.lock){
        this.pausePanning = true;
    }
}

那是代码。每次单击时都会出错。像下面一样

Ionic error

我尝试了每种组合，但仍然有同样的问题

Answer 1

结构事件是bound对触发它们的对象，这意味着：

canvas.on('mouse:down', function(e){
    this.canvasMouseDown(e);    
});

this是canvas的实例。而且，当您调用this.canvasMouseDown()时，实际上是在调用canvas.canvasMouseDown()，因此这就是错误的出处。尝试使用arrow function作为事件处理程序：

loadCanvas(){
    canvas.on('mouse:down', (e) => {
        this.canvasMouseDown(e);    
    });
}

Ionic FabricJs使用功能的问题

1 个答案: