代码之家 › 专栏 › 技术社区 › shareef

带阿拉伯字母的Fabric JS文本组件生成方式错误

arabic fabricjs fonts svg

0

shareef · 技术社区 · 8 年前

当使用Fabric JS生成文本组件并将其转换为SVG时。

我想看到问题并尝试重现和/或解决

如何使用演示进行重现

打开演示的URL

现在,通过双击并粘贴来更改文本,例如阿拉伯语单词。”

单击“打印到控制台”按钮。

预期结果

.

-----> <-----

打开演示的URL

单击添加文本组件,它将添加英语测试文本组件。

“”

单击“打印到控制台”按钮。

看起来像这样

1 回复 | 直到 8 年前

1

0

shareef 8 年前

fabric.js website

var canvas = this.__canvas = new fabric.Canvas('c');
canvas.setDimensions({
 width:400,height:400
})
text = new fabric.IText('Ø´Ø±ÙÙ', { 
  left: 50,
  top: 100,
  fontFamily: 'arial black',
  fill: '#333',
  fontSize: 50
})

canvas.add(text);
console.log(text.toSVG());
function printtest(){
  console.log(text.toSVG());
}

#c{
  border:1px solid red;
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button onclick="printtest()">print console</button><br>
<canvas id="c"></canvas>