jquery - 如何将 Canvas Fabric 更改为静态 Canvas

Question

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

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/

希望这有帮助。