更改font-size后的选择框问题(fabrics.js,Text)

时间:2016-03-23 12:36:09

标签: javascript fabricjs

我在fabric.js-editor中遇到了一个恼人的错误:

在更改文本对象的字体大小后,选择框以及边界区域(您需要单击以选择对象的区域)位于错误的位置。 (参见图像1和2)

之前的对象选择:

enter image description here

对象选择之后:

enter image description here

如果有人知道如何解决这个问题,我会很高兴。 谢谢!



canvas.on("object:selected", function(options) {
      document.getElementById("setFontSize").onclick = function handleFontSizeEdit() {
        canvas.getActiveObject().set("fontSize", document.getElementById("fontSize").value);
        canvas.renderAll();
      }

Font-Size:
<input type="text" id="fontSize">
<input type="submit" id="setFontSize" value="Set">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

解决

我刚刚意识到我正在使用旧版本的fabric.js(1.1.0),在将其移植到当前版本(1.5)之后,选择框的问题就消失了。

In case someone wants to see the code:

http://codepen.io/anon/pen/wGeaJj