无法向对象添加事件侦听器.fabricjs

can`t add event listener to object. fabricjs

本文关键字:事件 侦听器 fabricjs 添加 对象      更新时间:2023-09-26

无法为对象添加事件侦听器。也许有人解决过同样的问题?我得到的错误"未捕获的类型错误:画布。On不是一个函数"。我也使用jQuery,可以在这个问题吗?我的代码:

window.onload = function() {
       var canvas = new fabric.Element('canvas');
       var imgElement = document.getElementById('uploaded_img');
       var width = imgWidth = imgElement.width;
       var height = imgHeight = imgElement.height;
       if(width >= screen.width){
           width = (screen.width - 70);
       }
       canvas.setWidth(width);
       canvas.setHeight(height);
       var imgInstance = new fabric.Image(imgElement, {
         left: width/2,            
         top: height/2         
       });                     
       canvas.add(imgInstance);
       canvas.on('mouse:up',function () {
          alert('test');
       });
}

From http://fabricjs.com/docs/fabric.Canvas.html

fabric. Canvas
fabric.Element
new Canvas() §
Deprecated:
Use fabric.Canvas instead.
Source:
fabric.js, line 9066

所以织物。元素已弃用。因此强烈建议不要使用。

无论如何,我在文档中找不到任何关于这个已弃用的'Element'的方法。

所以我假设你的问题的答案是使用推荐的Canvas构造函数。我还假定on()方法实际上并不存在于Element上,如错误所示。