| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- import { isNil, each, isString } from './util';
- import { getOffScreenContext } from './offscreen';
- /**
- * 获取文本的高度
- * @param text 文本
- * @param fontSize 字体大小
- * @param lineHeight 行高,可以为空
- */
- export function getTextHeight(text, fontSize, lineHeight) {
- var lineCount = 1;
- if (isString(text)) {
- lineCount = text.split('\n').length;
- }
- if (lineCount > 1) {
- var spaceingY = getLineSpaceing(fontSize, lineHeight);
- return fontSize * lineCount + spaceingY * (lineCount - 1);
- }
- return fontSize;
- }
- /**
- * 获取行间距如果文本多行,需要获取文本间距
- * @param fontSize 字体大小
- * @param lineHeight 行高
- */
- export function getLineSpaceing(fontSize, lineHeight) {
- return lineHeight ? lineHeight - fontSize : fontSize * 0.14;
- }
- /**
- * 字体宽度
- * @param text 文本
- * @param font 字体
- */
- export function getTextWidth(text, font) {
- var context = getOffScreenContext(); // 获取离屏的 ctx 进行计算
- var width = 0;
- // null 或者 undefined 时,宽度为 0
- if (isNil(text) || text === '') {
- return width;
- }
- context.save();
- context.font = font;
- if (isString(text) && text.includes('\n')) {
- var textArr = text.split('\n');
- each(textArr, function (subText) {
- var measureWidth = context.measureText(subText).width;
- if (width < measureWidth) {
- width = measureWidth;
- }
- });
- }
- else {
- width = context.measureText(text).width;
- }
- context.restore();
- return width;
- }
- export function assembleFont(attrs) {
- var fontSize = attrs.fontSize, fontFamily = attrs.fontFamily, fontWeight = attrs.fontWeight, fontStyle = attrs.fontStyle, fontVariant = attrs.fontVariant;
- return [fontStyle, fontVariant, fontWeight, fontSize + "px", fontFamily].join(' ').trim();
- }
- //# sourceMappingURL=text.js.map
|