fabricjs - 需要背景图像拉伸(stretch)以覆盖 fabricjs 中的整个 Canvas

Question

我可以上传背景图片。但我不知道如何拉伸(stretch)才能覆盖整个 Canvas 。示例代码

var fr = new FileReader;
fr.onload = function() {
    var image = new Image();
    image.onload = function() {
        var imgwidth = this.width;
        currentcanvas.setBackgroundImage(fr.result, currentcanvas.renderAll.bind(currentcanvas), {

          scaleX: currentcanvas.width / imgwidth,
            scaleY: currentcanvas.height / imgwidth
        });
        currentcanvas.renderAll();
    };

Answer 1

在 fabricjs 2.x 中，情况非常不同。下面是将背景图像拉伸(stretch)到 fabricjs 2.x Canvas 大小的代码:

// Assume fcanvas is fabricjs canvas:
fabric.Image.fromURL('background.png', function(img){
   img.scaleToWidth(fcanvas.width);
   img.scaleToHeight(fcanvas.height);
   fcanvas.setBackgroundImage(img);
   fcanvas.requestRenderAll();
});