Fabric.js limitDimsByArea() 方法

limitDimsByArea() 方法用于返回可以尊重指定纵横比的总允许区域的最大宽度和高度。纵横比描述图像或屏幕或区域的宽度和高度之间的比率。例如，纵横比为 1:1，是正方形。第一个数字总是指宽度，第二个数字总是指高度。在这个函数中，纵横比被描述为一个单一的数字——在这种情况下，数字是指高度为 1 的宽度。

句法：

limitDimsByArea(ar, maximumArea)

参数：此方法接受上面提到的两个参数，如下所述：

• ar：此参数保存指定的纵横比。
• maximumArea：此参数保存允许的区域。

返回值：此方法返回宽度（x）和高度（y）的有限尺寸。

示例 1：

Javascript

 

    
    
    

 

    
 
        // Calling limitDimsByArea() function over
        // the specified aspect ratios and areas
        console.log(fabric.util.limitDimsByArea(1, 5));
        console.log(fabric.util.limitDimsByArea(2, 20));
        console.log(fabric.util.limitDimsByArea(5, 45));
        console.log(fabric.util.limitDimsByArea(10, 500));
    

 

输出：

{"x":2,"y":2}
{"x":6,"y":3}
{"x":15,"y":3}
{"x":70,"y":7}

示例 2：

Javascript

 

    
    
    

 

    
 
        // Specifying some aspect ratios and areas
        var ar1 = 4;
        var ar2 = 6;
        var area1 = 50;
        var area2 = 100;
 
        // Calling limitDimsByArea() function over
        // the above specified aspect ratios and areas
        console.log(fabric.util.limitDimsByArea(ar1, area1));
        console.log(fabric.util.limitDimsByArea(ar2, area2));
    

 

输出：

{"x":14,"y":3}
{"x":24,"y":4}