如何使canvas.js使畫布背景可拖動並在畫布內移動？

是否可以使用fabrics.js庫拖動畫布背景？我想拖動畫布背景圖片，但我無法在畫布上應用任何方法來執行相同的操作。如何使canvas.js使畫布背景可拖動並在畫布內移動？

我有使用以下代碼來設置畫布背景：

var imgsrc = 'gallery/pic1.jpg'; 
    canvas.setBackgroundImage(imgsrc, 
     canvas.renderAll.bind(canvas), { 
      height:canvas.height, 
      width:canvas.width, 
      top: 0, 
      left: 0,   
    }); 
    canvas.renderAll();

上面的代碼被設置在畫布上的背景，但它不允許拖動在畫布上的標準的背景。

來源

2015-10-06 dvs.spy

我不認爲你可以做到這樣。但是你可以通過刪除控件和邊框來將圖像添加爲普通的'fabric.Image'，將'hasBorders'和'hasControls'設置爲'false'。但是，請確保圖像停留在圖層堆棧的底部，以使其像背景一樣工作。 – Kesavan

試試這個渲染後的圖像：

var objects = canvas.getObjects(); objects[0].selectable = true; canvas.renderAll();

希望幫助

來源

2015-11-27 13:38:01 subhfyu546754

如何使canvas.js使畫布背景可拖動並在畫布內移動？

回答

相關問題