Fabricjs后台位置

Question

如果图像已经分配给背景，我需要以某种方式更改背景图像的位置！这是可能的？我没有找到任何信息如何更改 fabricjs 中当前背景的 position/size。预先感谢您的帮助！

  imOb.onload = function () {
                        var dcrIm = 1200 / $("canvas").width();
                        var image = new fabric.Image(imOb, {
                            width: imOb.width / decr,
                            height: imOb.height / decr
                        });


                            fCanvas.setBackgroundImage(image, fCanvas.renderAll.bind(fCanvas), {
                                originX: 'left',
                                originY: 'top',
                                left: 0,
                                top: 0
                            });


                    }

Answer 1

希望这是正确的答案——我将我的 bgImage 定位成这样：

canvas.setBackgroundColor({
                    source: YourFilepath,
                    repeat: 'no-repeat'
                }, canvas.renderAll.bind(canvas));

其中 "repeat:" 将接受 "repeat" "no-repeat" "repat-x" 和 "repeat-y"。否则我认为 "originX" 和 width/height 之类的东西也应该适用于您正在创建的图像。

Fabricjs后台位置

Fabricjs background position

background

position

canvas

fabricjs