Question

有人可以帮助我解决“弯曲文本”问题吗？

我正在使用 fabric.curvedText.js 库在画布创建的圆内创建弯曲文本。这是链接（https://github.com/EffEPi/fabric.curvedText/blob/master/fabric.curvedText.js）。

页面上有两个输入字段，当输入一个输入字段时，文本在圆内显示为弯曲，并从画布顶部开始。在输入字段2中键入内容时，文本应从底部开始，并在圆内反转。

现在，对于输入字段，由于最高性能被定义为0，因此一个文本就可以了。但是对于第二个输入字段，它不能以相反的顺序放入圆内。

这是画布反向文本的代码。我定义top属性以从画布圆底开始似乎是不正确的文本位置。 画布的宽度和高度是固定的，只是弯曲的文本高度会增加。

function addCircleText(addtext, inputId) {

  var propArray = {};
  var encre = $("#color").val();

  var CurvedText = new fabric.CurvedText(addtext, {
    id: "textid" + inputId,
    fontFamily: "Arial",
    textAlign: "center",
    fill: encre,
    radius: canvas.width / 2,

    fontSize: 9,
    originX: "center",
    left: canvas.width / 2,
    hasControls: false,
    hasBorders: false,
  });

  canvas.add(CurvedText);

  CurvedText.set("top", canvas.height - CurvedText.height);
  CurvedText.set("reverse", true);
  // ...
}

有人可以挑战解决它吗？干杯！

如何使用FabricJS在圆内的弯曲文本中修复反向？

0 个答案: