如何将帆布面料更改为静态画布

Question

我正在使用Fabric.js在html5中构建应用程序。 我想删除织物画布的鼠标事件监听器，使其像静态画布，但我不知道如何。 请帮忙。

Answer 1

试试这个：

(function() { 
    var canvas = this.__canvas = new fabric.StaticCanvas('c'); 

    canvas.add(
    new fabric.Rect({ top: 100, left: 100, width: 50, height: 50, fill: '#f55' }), 
    new fabric.Circle({ top: 140, left: 230, radius: 75, fill: 'green' }), 
    new fabric.Triangle({ top: 300, left: 210, width: 100, height: 100, fill: 'blue' }) 
); 

    fabric.Image.fromURL('../lib/pug.jpg', function(img) { 
    canvas.add(img.set({ left: 400, top: 350, angle: 30 }).scale(0.25)); 
    }); 

    function animate() { 
    canvas.item(0).animate('top', canvas.item(0).getTop() === 500 ? '100' : '500', { 
     duration: 1000, 
     onChange: canvas.renderAll.bind(canvas), 
     onComplete: animate 
    }); 
    } 
    animate(); 
})(); 

来源：http://fabricjs.com/static_canvas/

希望这有助于。

Answer 2

我遇到了同样的问题。我解决这个问题的方法是将新选项“可选：false”传递给新的结构对象。

this.backgroundFabric = new fabric.Rect({ fill: "black", 
      width: dimX, 
      height: dimY , 
      top: 0, 
      left: 0, 
      selectable: false });