动态缩放画布大小以适合图像fabric.js

Question

我正在使用fabric.js开发小型应用程序，其中我必须从画布上加载系统中的图像＆amp;动态画布大小应该更改以适合图像。谁能帮我吗？

public static void findPair3ProPrint(int[] array, int sum) {
    Set<Integer> hs = new HashSet<Integer>();       
    for (int i : array) {           
        if (hs.contains(sum-i)) {
            System.out.print("(" + i + ", " + (sum-i) + ")" + " ");
        }else{
            hs.add(i);  
        }   
    }
}

Answer 1

在此功能内

 imgObj.onload = function () {

                // start fabricJS stuff
                image = new fabric.Image(imgObj);
                image.set({

                    centeredRotation: true,
                    centeredScaling: true,
                });

                canvas.add(image);
            };

您可以使用 imgObj.width 和 imgObj.height

获取图像高度和宽度

然后设置 像这样的画布尺寸

canvas.setHeight(imgObj.height);
canvas.setWidth(imgObj.width);

喜欢这个

imgObj.onload = function () {

 canvas.setHeight(imgObj.height);
canvas.setWidth(imgObj.width);
                // start fabricJS stuff
                image = new fabric.Image(imgObj);
                image.set({

                    centeredRotation: true,
                    centeredScaling: true,
                });

                canvas.add(image);
            };