0

我使用的 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 () { });

单击此处显示对象边界外的文本渲染问题

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

4

0 回答 0