wisemapping-frontend/packages/web2d/test/playground/text.js

import $ from 'jquery';
import { Workspace, Text } from '../../src';
import TransformUtils from '../../src/components/peer/utils/TransformUtils';

const workspaces = [];
global.$ = $;

global.zoomIn = function zoomIn() {
  for (let i = 0; i < workspaces.length; i++) {
    const coordSize = workspaces[i].getCoordSize();
    workspaces[i].setCoordSize(coordSize.width * 2, coordSize.height * 2);
  }
};

const textTestHelper = function textTestHelper(
  coordSize,
  textval,
  font,
  fontSizeval,
  style,
  modifier,
  fontColor,
  htmlElemId,
  iesimo,
) {
  const workspace = new Workspace();

  workspace.setSize('300px', '100px');
  workspace.setCoordSize(coordSize, coordSize);
  workspace.setCoordOrigin(0, 0);
  workspace.addItAsChildTo($(`#${htmlElemId}`));

  const text = new Text();

  const scale = TransformUtils.workoutScale(text.peer);
  text.setText(`${textval} - Scale: ${scale.height}`);
  text.setFont(font, fontSizeval, style, modifier);
  text.setPosition(0, 0);
  text.setColor(fontColor);
  workspace.append(text);

  const parent = document.getElementById(htmlElemId);
  const span = document.createElement('span');
  span.setAttribute('id', `textoHTML${iesimo}`);
  const textsize = `${textval} - Scale: ${scale.height}`;
  const textHtml = document.createTextNode(textsize);
  const fontSize = text.getHtmlFontSize(textsize);
  span.append(textHtml);
  span.setAttribute(
    'style',
    `font-weight:${modifier};font-style: ${style}; font-size:${fontSize}pt; font-family: ${font};width:30;height:30;`,
  );

  parent.append(span);
  workspaces[iesimo] = workspace;
};

textTestHelper(200, 'Test Text 1', 'Arial', 10, 'normal', 'normal', 'red', 'text0', 0);
textTestHelper(100, 'Test Text 2', 'Arial', 10, 'normal', 'normal', 'blue', 'text1', 1);
textTestHelper(50, 'Test Text 3', 'Arial', 10, 'normal', 'normal', 'blue', 'text2', 2);
textTestHelper(100, 'Test Text 4', 'Arial', 10, 'italic', 'normal', 'blue', 'text3', 3);
textTestHelper(100, 'Test Text 5', 'Arial', 10, 'italic', 'bold', 'green', 'text4', 4);
textTestHelper(100, 'Test Text 6 \nMultiline', 'Arial', 10, 'italic', 'bold', 'green', 'text5', 5);