本文介绍了如何使用英寸和英寸等单元毫米面料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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-16 21:47