如何使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();
上面的代码被设置在画布上的背景,但它不允许拖动在画布上的标准的背景。
答
试试这个渲染后的图像:
var objects = canvas.getObjects(); objects[0].selectable = true; canvas.renderAll();
希望帮助
我不认为你可以做到这样。但是你可以通过删除控件和边框来将图像添加为普通的'fabric.Image',将'hasBorders'和'hasControls'设置为'false'。但是,请确保图像停留在图层堆栈的底部,以使其像背景一样工作。 – Kesavan