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

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

  •  0
  • shareef  · 技术社区  · 8 年前
    当使用Fabric JS生成文本组件并将其转换为SVG时。

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

    如何使用演示进行重现

  • 打开演示的URL
  • 现在,通过双击并粘贴来更改文本,例如阿拉伯语单词 。”
  • 单击“打印到控制台”按钮。
  • 预期结果

    .

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

    1. 打开演示的URL
    2. 单击添加文本组件,它将添加英语测试文本组件。
    3. “”
    4. 单击“打印到控制台”按钮。

    看起来像这样

  • 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>