Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用fabrics.js使画布背景可拖动并在画布内移动?_Javascript_Jquery_Canvas_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript 如何使用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,

是否可以使用fabrics.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();
对象[0]。可选=真;
canvas.renderAll();


希望这有帮助

我认为你做不到。但是,您可以将图像添加为普通的
结构。通过将
hasBorders
hasBorders
设置为
false
,可以将图像添加为普通的
fabric.image
。但是,请确保图像保持在层堆栈的底部,使其像背景一样工作。