Javascript 如何使用fabrics.js使画布背景可拖动并在画布内移动?
是否可以使用fabrics.js库拖动画布背景?我想拖动画布背景图像,但我无法在画布上应用任何方法来执行相同的操作 我必须使用以下代码设置画布背景:Javascript 如何使用fabrics.js使画布背景可拖动并在画布内移动?,javascript,jquery,canvas,html5-canvas,fabricjs,Javascript,Jquery,Canvas,Html5 Canvas,Fabricjs,是否可以使用fabrics.js库拖动画布背景?我想拖动画布背景图像,但我无法在画布上应用任何方法来执行相同的操作 我必须使用以下代码设置画布背景: var imgsrc = 'gallery/pic1.jpg'; canvas.setBackgroundImage(imgsrc, canvas.renderAll.bind(canvas), { height:canvas.height, width:canvas.width,
var imgsrc = 'gallery/pic1.jpg';
canvas.setBackgroundImage(imgsrc,
canvas.renderAll.bind(canvas), {
height:canvas.height,
width:canvas.width,
top: 0,
left: 0,
});
canvas.renderAll();
上面的代码设置为画布上的背景,但不允许拖动画布上的背景条件。在渲染图像后尝试以下操作:
var objects=canvas.getObjects();
对象[0]。可选=真;
canvas.renderAll();
希望这有帮助我认为你做不到。但是,您可以将图像添加为普通的
结构。通过将hasBorders
和hasBorders
设置为false
,可以将图像添加为普通的fabric.image
。但是,请确保图像保持在层堆栈的底部,使其像背景一样工作。