Method apply

js/text.js:203–239

()

  }

  apply() {
    const origBorder = this.input.style.border;
    const origOutline = this.input.style.outline;
    const scale = this.main.getScale();

    this.input.style.border = 'none';
    const domToImageConfig = {
      style: {
        'transform-origin': 'top left',
        transform: `scale(${scale})`,
        'overflow-wrap': 'break-word',
        'word-wrap': 'break-word',
        'white-space': 'pre-wrap',
        overflow: 'hidden',
        width: this.input.clientWidth + 'px',
        height: this.input.clientHeight + 'px',
      },
      width: this.input.clientWidth * (scale < 1 ? (1 / scale) : scale),
      height: this.input.clientHeight * (scale < 1 ? (1 / scale) : scale),
    };
    domtoimage.toPng(this.input, domToImageConfig)
      .then((dataUrl) => {
        const img = new Image();
        img.src = dataUrl;
        img.onload = () => {
          this.ctx.drawImage(img, this.scaledCord[0], this.scaledCord[1]);
          this.input.style.border = origBorder;
          this.input.style.outline = origOutline;
          this.close();
          this.main.worklog.captureState();
          this.main.closeActiveTool();
        };
      })
      .catch(function (error) {
          console.error('oops, something went wrong!', error);
      });
  }

  close() {
    this.active = false;