如何使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使画布背景可拖动并在画布内移动？

回答

相关问题