Jquery 设置织物js画布的100%高度和宽度

我想根据背景图像设置画布的高度和宽度

例如，如果图像的高度和宽度小于屏幕大小，则画布大小为屏幕的100%；如果图像大小大于屏幕大小，则画布将根据屏幕大小进行调整，而不剪切图像和显示滚动条

目前，我已经确定了画布的高度和宽度

 <canvas id="canvas" width="720" height="800"></canvas>

---

如何使画布的高度和宽度动态？

我使用

    var image = new Image()
    image.src = './img/form.jpg';
    image.onload = function () {
        var canv = $('#canvas');
        canv.attr('width', image.width);
        canv.attr('height', image.height);
        canvas.dispose();
        setTimeout(() => {
            canvas = new fabric.Canvas('canvas');
            canvas.setBackgroundImage('./img/form.jpg', canvas.renderAll.bind(canvas), {});
        }, 500);

    };

---

这回答了你的问题吗？我想根据背景图像而不是父图像设置画布

    var image = new Image()
    image.src = './img/form.jpg';
    image.onload = function () {
        var canv = $('#canvas');
        canv.attr('width', image.width);
        canv.attr('height', image.height);
        canvas.dispose();
        setTimeout(() => {
            canvas = new fabric.Canvas('canvas');
            canvas.setBackgroundImage('./img/form.jpg', canvas.renderAll.bind(canvas), {});
        }, 500);

    };