Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在fabric.js(Ubuntu)中使用scale时文本扭曲_Javascript_Canvas_Fabricjs - Fatal编程技术网

Javascript 在fabric.js(Ubuntu)中使用scale时文本扭曲

Javascript 在fabric.js(Ubuntu)中使用scale时文本扭曲,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我想使用scale来增加文本元素的fontSize。它似乎在OSX上工作,但在Ubuntu上的Chrome上不工作: text = new fabric.Text('foo', { fontSize: 1, scaleX: 10, scaleY: 10, left: 100, top: 10 }); 见: 那么,这是为什么: text = new fabric.Text('foo', { fontSize: 10, left: 100,

我想使用
scale
来增加文本元素的
fontSize
。它似乎在OSX上工作,但在Ubuntu上的Chrome上不工作:

text = new fabric.Text('foo', {
    fontSize: 1,
    scaleX: 10,
    scaleY: 10,
    left: 100,
    top: 10
});

见:

那么,这是为什么:

text = new fabric.Text('foo', {
    fontSize: 10,
    left: 100,
    top: 10
});
在Ubuntu上生成与此不同的内容:

text = new fabric.Text('foo', {
    fontSize: 1,
    scaleX: 10,
    scaleY: 10,
    left: 100,
    top: 10
});

fabric js中的最小字体大小为5,以便一次使用scaleX和ScaleY,因此在这种情况下,您需要将字体大小设置为大于5,并且必须更改缩放公式以匹配最小字体大小。希望这能对我有所帮助

你的演示在FF上对我有用,在OSX上我在Chrome的Ubuntu机器上。对我来说,在Chrome上,它看起来像@Wex Windows 8.1Pro@BenSmith我在Chrome上有同样的结果,赢了7分