如何使用英寸和英寸等单元毫米面料js [英] How to work with units like inch & mm in fabric js

问题描述

我正在研究Fabric js应用程序&我需要使用英寸和英寸等测量单位毫米
我尝试过此代码&它显示为空白
所以我的问题是如何使用英制&毫米的面料js

I am working on a fabric js application & i need work with measurement units like inches & mm
I tried this code & it display blank
So my question is how work with units like inch & 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>

推荐答案

fabricjs以像素为单位. 有一个函数:fabric.util.parseUnit()可以解析英寸，毫米，像素，点.

fabricjs works in pixels. There is a function: fabric.util.parseUnit() that can parse inches, mm, pixels, points.

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

这篇关于如何使用英寸和英寸等单元毫米面料js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！