FabricJS不支持俄语字母

时间:2018-02-19 15:16:35

标签: javascript fabricjs

我在使用FabricJS时遇到了麻烦。当我用跟随构造函数创建俄语文本时,我没有俄语文本符号'!'。 我做错了什么?

var textObject = new fabric.Text('Привет!', {
                originX: 'center',
                originY: 'center',
                left: zone.left,
                top: zone.getCenterPoint().y,
                textAlign: 'center',
                fill: finalFill,
                stroke: '#000',
                strokeWidth: bezel,
                fontSize: fontSize,
                spacing: 5,
                fontFamily: 'Arial',
                fontWeight: 'bold',
                fontStyle: 'normal'
            });

1 个答案:

答案 0 :(得分:2)

我检查了你的例子。看起来不错。 一般来说,俄语文本不应成为问题,因为我们在项目中使用它。我没有看到任何问题。

我能猜到: 1.您的左侧和顶部值是这样的,该文本在画布之外,您只能看到符号"!"。 2.其他,但很难 - 你的一些变量有错误的值。尝试设置值,如我的示例所示(我已经使用fabric 2.0.3和1.7.22对其进行了测试)。

https://jsfiddle.net/Eugene_Ilyin/o2drxd0L/



var canvas = new fabric.Canvas('c');
var textObject = new fabric.Text('Привет!', {
  originX: 'center',
  originY: 'center',
  left: 100,
  top: 100,
  textAlign: 'center',
  fill: 'red',
  stroke: '#000',
  strokeWidth: 1,
  fontSize: 20,
  spacing: 5,
  fontFamily: 'Arial',
  fontWeight: 'bold',
  fontStyle: 'normal'
});

canvas.add(textObject);
canvas.renderAll();

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.0.3/fabric.min.js"></script>
<canvas id="c"></canvas>
&#13;
&#13;
&#13;

对我而言,它呈现如下:

enter image description here