如何將帆布面料更改爲靜態畫布

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 });