如何在 fabric js 中使用英寸和毫米等单位

Question

我正在开发一个 fabric js 应用程序，我需要使用英寸和毫米等测量单位
我试过这段代码 & 它显示空白
所以我的问题是如何在 fabric js

中使用像英寸和毫米这样的单位

a = new fabric.Rect({ 
            top:0,
            left:0 ,
            fill: '#000',
            width: 50mm,
            height: 50mm,
           
        });
b = new fabric.Rect({   
            top:0,
            left:200,   
            fill: '#000',
            width: 1in,
            height: 1in,
           
        });
    canvas.add(a, b);

<canvas id='canvas' width="500" height="400" style="border:#000 1px solid;"></canvas>

Answer 1

fabricjs 以像素为单位工作。有一个函数：fabric.util.parseUnit() 可以解析英寸、毫米、像素、点数。

    a = new fabric.Rect({ 
                top:0,
                left:0 ,
                fill: '#000',
                width: fabric.util.parseUnit('50mm'),
                height: fabric.util.parseUnit('50mm'),

            });
    b = new fabric.Rect({   
                top:0,
                left:200,   
                fill: '#000',
                width: fabric.util.parseUnit('1in'),
                height:  fabric.util.parseUnit('1in'),
            });
canvas.add(a, b);

如何在 fabric js 中使用英寸和毫米等单位

How to work with units like inch & mm in fabric js

javascript

unit-testing

fabricjs