移动版

时间:2018-02-20 10:02:22

标签: fabricjs

在使用不同设备的结构js上的文本时,是否有人遇到过问题? 我在iPad上进行了测试,它运行得很好,但在其他设备上它是:

Android - >当您点击屏幕然后消失时键盘会短暂停留

iPhone - >当您点击屏幕时,所有内容都会放大并保持不变。

//在鼠标点击时绘制一个矩形,这样我就可以通过getPointer

获得鼠标点击的坐标
getTopLeftRectangleCoords() {
  const coords = {};
  coords.x = (this.textRectangle.x0 <= this.textRectangle.x1) ? this.textRectangle.x0
    : this.textRectangle.x1;
  coords.y = (this.textRectangle.y0 <= this.textRectangle.y1) ? this.textRectangle.y0
    : this.textRectangle.y1;
  return coords;
},

drawText() {
      const txt = 'Text here';
      const coords = this.getTopLeftRectangleCoords();
      const widthToFont = 155 / 37;
      let fontSize = this.getTextRectangleWidth() / widthToFont;
      if (fontSize < 70 / widthToFont) {
        fontSize = 70 / widthToFont;
      }
      this.fText = new fabric.IText(txt,
        { fontFamily, left: coords.x, top: coords.y, fontSize },
      );

0 个答案:

没有答案