我在使用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'
});
答案 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;
对我而言,它呈现如下: