在fabricjs的Mac Safari中，文本呈现在对象边框之外

问题描述

我使用的 Fabric Js 版本是 4.1.0。

我在画布上添加了 TextBox 对象并应用了自定义字体并将 fontWeight 设置为粗体并将 textAlign 设置为 right 。当时，文本在 Mac Safari 中呈现在边框外。

这是代码：

<style>   @font-face {font-family: "arial_bold";src: url("https://envelopecafe.commercepandit.com/media/font/file/Arial-Bold.ttf")}   </style>

var canvas = window._canvas = new fabric.Canvas('c');
var fontObserv = new FontFaceObserver("arial_bold");
fontObserv.load().then(function () {
    var t1 = new fabric.TextBox("Your Name / Company Name\nHappy Street\nAnywhere USA\nyourcompanywebsite.com",{
    width: 250,top: 10,left: 10,fontSize: 16,fill : '#231F20',fontFamily: "arial_bold",fontWeight:'bold',textAlign: 'right'
  });
  canvas.add(t1);
  canvas.renderAll(); }).catch(function () { });

click here to show issue of text render outside of object border

这里是链接 http://jsfiddle.net/4st6a8h1/10/ 。请在 Mac Safari 中打开。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）