wisemapping-frontend/packages/web2d/src/components/Text.js

102 lines
2.2 KiB
JavaScript
Raw Normal View History

2021-10-05 01:56:40 +02:00
/*
2021-12-03 05:38:53 +01:00
* Copyright [2021] [wisemapping]
2021-10-05 01:56:40 +02:00
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
2021-12-03 06:23:14 +01:00
import { $assert } from '@wisemapping/core-js';
import ElementClass from './ElementClass';
import Toolkit from './Toolkit';
import Font from './Font';
2021-12-03 06:23:14 +01:00
class Text extends ElementClass {
constructor(attributes) {
const peer = Toolkit.createText(Font);
2021-12-03 06:23:14 +01:00
super(peer, attributes);
}
2021-10-05 01:56:40 +02:00
2021-12-03 06:23:14 +01:00
static getType() {
2021-10-05 01:56:40 +02:00
return 'Text';
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setText(text) {
2021-10-05 02:17:02 +02:00
this.peer.setText(text);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setTextAlignment(align) {
2021-12-03 06:23:14 +01:00
$assert(align, 'align can not be null');
2021-10-05 02:17:02 +02:00
this.peer.setTextAlignment(align);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setTextSize(width, height) {
2021-10-05 02:17:02 +02:00
this.peer.setContentSize(width, height);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getText() {
2021-10-05 02:17:02 +02:00
return this.peer.getText();
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setFont(font, size, style, weight) {
2021-10-05 02:17:02 +02:00
this.peer.setFont(font, size, style, weight);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setColor(color) {
2021-10-05 02:17:02 +02:00
this.peer.setColor(color);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getColor() {
2021-10-05 02:17:02 +02:00
return this.peer.getColor();
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setStyle(style) {
2021-10-05 02:17:02 +02:00
this.peer.setStyle(style);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setWeight(weight) {
2021-10-05 02:17:02 +02:00
this.peer.setWeight(weight);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setFontFamily(family) {
2021-10-05 02:17:02 +02:00
this.peer.setFontFamily(family);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getFont() {
2021-10-05 02:17:02 +02:00
return this.peer.getFont();
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
setSize(size) {
2021-10-05 02:17:02 +02:00
this.peer.setSize(size);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getHtmlFontSize() {
2021-10-05 02:17:02 +02:00
return this.peer.getHtmlFontSize();
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getWidth() {
2021-10-05 02:17:02 +02:00
return this.peer.getWidth();
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getHeight() {
2021-10-06 04:08:42 +02:00
return parseInt(this.peer.getHeight(), 10);
2021-12-03 06:23:14 +01:00
}
2021-10-05 01:56:40 +02:00
getFontHeight() {
2021-10-05 02:17:02 +02:00
const lines = this.peer.getText().split('\n').length;
2021-10-05 01:56:40 +02:00
return Math.round(this.getHeight() / lines);
2021-12-03 06:23:14 +01:00
}
}
2021-10-05 01:56:40 +02:00
export default Text;