如何使用像寸和英寸的单位mm面料js

时间:2015-11-02 10:46:28

标签: javascript unit-testing fabricjs

我正在使用fabric js应用程序&我需要使用像英寸和米一样的测量单位。毫米 我试过这个代码&它显示空白
所以我的问题是如何使用像inch和amp; mm in 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>

1 个答案:

答案 0 :(得分:8)

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);