@meta2d/core 1.0.55 → 1.0.57

package/src/pen/text.js

@@ -1,375 +1,316 @@
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { calcRightBottom } from '../rect';
-import { getFont } from './render';
-export function calcTextRect(pen) {
-    var _a = pen.calculative, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, worldRect = _a.worldRect, canvas = _a.canvas;
-    var _b = pen.calculative, textLeft = _b.textLeft, textTop = _b.textTop, textWidth = _b.textWidth, textHeight = _b.textHeight;
-    var x = paddingLeft;
-    var y = paddingTop;
-    // if (textLeft && Math.abs(textLeft) < 1) {
-    //   textLeft *= worldRect.width;
-    // }
-    // if (textTop && Math.abs(textTop) < 1) {
-    //   textTop *= worldRect.height;
-    // }
-    var width = worldRect.width -
-        paddingLeft -
-        paddingRight -
-        ((pen.textAlign === 'right' ? -textLeft : textLeft) || 0);
-    var height = worldRect.height -
-        paddingTop -
-        paddingBottom -
-        ((pen.textBaseline === 'bottom' ? -textTop : textTop) || 0);
-    if (textWidth && textWidth < 1) {
-        textWidth *= worldRect.width;
-    }
-    if (textHeight && textHeight < 1) {
-        textHeight *= worldRect.height;
-    }
-    if (textWidth < pen.calculative.fontSize) {
-        textWidth = pen.calculative.fontSize;
-    }
-    // 默认居左，居上
-    x += (textLeft || 0) + worldRect.x;
-    y += (textTop || 0) + worldRect.y;
-    var textAlign = pen.textAlign || canvas.store.options.textAlign;
-    var textBaseline = pen.textBaseline || canvas.store.options.textBaseline;
-    switch (textAlign) {
-        case 'center':
-            x += (width - (textWidth || width)) / 2;
-            break;
-        case 'right':
-            x += width - (textWidth || width);
-            break;
-    }
-    switch (textBaseline) {
-        case 'middle':
-            y += (height - (textHeight || height)) / 2;
-            break;
-        case 'bottom':
-            y += height - (textHeight || height);
-            break;
-    }
-    var rect = {
-        x: x,
-        y: y,
-        width: textWidth || width,
-        height: textHeight || height,
-    };
-    calcRightBottom(rect);
-    pen.calculative.worldTextRect = rect;
-    calcTextLines(pen);
-    pen.calculative.textDrawRect = undefined;
-}
-export function calcTextDrawRect(ctx, pen) {
-    // By default, the text is center aligned.
-    var lineHeight = pen.calculative.fontSize * pen.calculative.lineHeight;
-    var h = pen.calculative.textLines.length * lineHeight;
-    var textWidth = calcTextAdaptionWidth(ctx, pen); // 多行文本最大宽度
-    var rect = pen.calculative.worldTextRect;
-    var x = rect.x + (rect.width - textWidth) / 2;
-    var y = rect.y + (rect.height - h) / 2;
-    var options = pen.calculative.canvas.store.options;
-    var textAlign = pen.textAlign || options.textAlign;
-    switch (textAlign) {
-        case 'left':
-            x = rect.x;
-            break;
-        case 'right':
-            x = rect.x + rect.width - textWidth;
-            break;
-    }
-    var textBaseline = pen.textBaseline || options.textBaseline;
-    switch (textBaseline) {
-        case 'top':
-            y = rect.y;
-            break;
-        case 'bottom':
-            y = rect.ey - h;
-            break;
-    }
-    pen.calculative.textDrawRect = {
-        x: x,
-        y: y,
-        width: textWidth,
-        height: h,
-    };
-    calcRightBottom(pen.calculative.textDrawRect);
-}
-export function calcTextLines(pen, text) {
-    var e_1, _a, e_2, _b;
-    if (text === void 0) { text = pen.calculative.text; }
-    if (text == undefined) {
-        pen.calculative.textLines = [];
-        return;
-    }
-    text = text.toString();
-    var lines = [];
-    var oneRowHeight = pen.calculative.fontSize * pen.calculative.lineHeight;
-    var textHeight = pen.calculative.worldTextRect.height;
-    var calcRows = Math.floor(textHeight / oneRowHeight);
-    // 最小值为 1
-    var maxRows = calcRows > 1 ? calcRows : 1;
-    switch (pen.whiteSpace) {
-        case 'nowrap':
-            if (pen.ellipsis !== false) {
-                var allLines = wrapLines(text.split(''), pen);
-                if (allLines[0]) {
-                    lines.push(allLines[0]);
-                    if (allLines.length > 1) {
-                        // 存在第二行，说明宽度超出
-                        setEllipsisOnLastLine(lines);
-                    }
-                }
-            }
-            else {
-                lines.push(text);
-            }
-            break;
-        case 'pre-line':
-            lines = text.split(/[\n]/g);
-            if (pen.ellipsis !== false && lines.length > maxRows) {
-                lines = lines.slice(0, maxRows);
-                setEllipsisOnLastLine(lines);
-            }
-            break;
-        case 'break-all':
-        default:
-            var paragraphs = text.split(/[\n]/g);
-            var currentRow = 0;
-            try {
-                outer: for (var paragraphs_1 = __values(paragraphs), paragraphs_1_1 = paragraphs_1.next(); !paragraphs_1_1.done; paragraphs_1_1 = paragraphs_1.next()) {
-                    var paragraph = paragraphs_1_1.value;
-                    var words = pen.whiteSpace === 'break-all'
-                        ? paragraph.split('')
-                        : getWords(paragraph);
-                    var items = wrapLines(words, pen);
-                    // 空行换行的情况
-                    if (items.length === 0)
-                        items = [''];
-                    if (pen.ellipsis != false) {
-                        try {
-                            for (var items_1 = (e_2 = void 0, __values(items)), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-                                var l = items_1_1.value;
-                                currentRow++;
-                                if (currentRow > maxRows) {
-                                    setEllipsisOnLastLine(lines);
-                                    break outer;
-                                }
-                                else {
-                                    lines.push(l);
-                                }
-                            }
-                        }
-                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                        finally {
-                            try {
-                                if (items_1_1 && !items_1_1.done && (_b = items_1.return)) _b.call(items_1);
-                            }
-                            finally { if (e_2) throw e_2.error; }
-                        }
-                    }
-                    else {
-                        lines.push.apply(lines, __spreadArray([], __read(items), false));
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (paragraphs_1_1 && !paragraphs_1_1.done && (_a = paragraphs_1.return)) _a.call(paragraphs_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            break;
-    }
-    var keepDecimal = pen.calculative.keepDecimal;
-    if (keepDecimal != undefined) {
-        lines.forEach(function (text, i) {
-            var textNum = Number(text);
-            if (!isNaN(textNum)) {
-                lines[i] = textNum.toFixed(keepDecimal);
-            }
-        });
-    }
-    pen.calculative.textLines = lines;
-    return lines;
-}
-export function getWords(txt) {
-    if (txt === void 0) { txt = ''; }
-    var words = [];
-    var word = '';
-    for (var i = 0; i < txt.length; ++i) {
-        var ch = txt.charCodeAt(i);
-        if (ch < 33 || ch > 126) {
-            if (word) {
-                words.push(word);
-                word = '';
-            }
-            words.push(txt[i]);
-        }
-        else {
-            word += txt[i];
-        }
-    }
-    if (word) {
-        words.push(word);
-    }
-    return words;
-}
-export function wrapLines(words, pen) {
-    var canvas = pen.calculative.canvas;
-    var ctx = canvas.offscreen.getContext('2d');
-    var _a = pen.calculative, fontStyle = _a.fontStyle, fontWeight = _a.fontWeight, fontSize = _a.fontSize, fontFamily = _a.fontFamily, lineHeight = _a.lineHeight;
-    ctx.save();
-    var lines = [];
-    var currentLine = words[0] || '';
-    for (var i = 1; i < words.length; ++i) {
-        var word = words[i] || '';
-        var text = currentLine + word;
-        var currentWidth = 0;
-        if (canvas.store.options.measureTextWidth) {
-            ctx.font = getFont({
-                fontStyle: fontStyle,
-                fontWeight: fontWeight,
-                fontFamily: fontFamily || canvas.store.options.fontFamily,
-                fontSize: fontSize,
-                lineHeight: lineHeight,
-            });
-            currentWidth = ctx.measureText(text).width;
-        }
-        else {
-            // 近似计算
-            var chinese = text.match(/[^\x00-\xff]/g) || '';
-            var chineseWidth = chinese.length * fontSize; // 中文占用的宽度
-            var spaces = text.match(/\s/g) || '';
-            var spaceWidth = spaces.length * fontSize * 0.3; // 空格占用的宽度
-            var otherWidth = (text.length - chinese.length - spaces.length) * fontSize * 0.6; // 其他字符占用的宽度
-            currentWidth = chineseWidth + spaceWidth + otherWidth;
-        }
-        var textWidth = pen.calculative.worldTextRect.width;
-        if (currentWidth <= textWidth + 0.1) {
-            currentLine += word;
-        }
-        else {
-            currentLine.length && lines.push(currentLine);
-            currentLine = word;
-        }
-    }
-    currentLine.length && lines.push(currentLine);
-    ctx.restore();
-    return lines;
-}
-export function calcTextAdaptionWidth(ctx, pen) {
-    var maxWidth = 0;
-    pen.calculative.textLineWidths = [];
-    pen.calculative.textLines.forEach(function (text) {
-        var width = ctx.measureText(text).width;
-        pen.calculative.textLineWidths.push(width);
-        maxWidth < width && (maxWidth = width);
-    });
-    return maxWidth;
-}
-/**
- * 副作用函数，会修改传入的参数
- * 把最后一行的最后变成 ...
- * TODO: 中文的三个字符宽度比 . 大，显示起来像是删多了
- * @param lines
- */
-function setEllipsisOnLastLine(lines) {
-    lines[lines.length - 1] = lines[lines.length - 1].slice(0, -3) + '...';
-}
-export function calcTextAutoWidth(pen) {
-    var arr = pen.text.split('\n');
-    var canvas = pen.calculative.canvas;
-    var ctx = canvas.offscreen.getContext('2d');
-    var _a = pen.calculative, fontStyle = _a.fontStyle, fontWeight = _a.fontWeight, fontSize = _a.fontSize, fontFamily = _a.fontFamily, lineHeight = _a.lineHeight;
-    var textWidth = 0; // pen.calculative.worldTextRect.width;
-    var currentWidth = 0; // textWidth;
-    ctx.save();
-    for (var i = 0; i < arr.length; i++) {
-        if (canvas.store.options.measureTextWidth) {
-            ctx.font = getFont({
-                fontStyle: fontStyle,
-                fontWeight: fontWeight,
-                fontFamily: fontFamily || canvas.store.options.fontFamily,
-                fontSize: fontSize,
-                lineHeight: lineHeight,
-            });
-            currentWidth = ctx.measureText(arr[i]).width; //* scale;
-        }
-        else {
-            // 近似计算
-            var chinese = arr[i].match(/[^\x00-\xff]/g) || '';
-            var chineseWidth = chinese.length * fontSize; // 中文占用的宽度
-            var spaces = arr[i].match(/\s/g) || '';
-            var spaceWidth = spaces.length * fontSize * 0.3; // 空格占用的宽度
-            var otherWidth = (arr[i].length - chinese.length - spaces.length) * fontSize * 0.6; // 其他字符占用的宽度
-            currentWidth = chineseWidth + spaceWidth + otherWidth;
-        }
-        if (currentWidth > textWidth) {
-            textWidth = currentWidth; //* scale;
-        }
-    }
-    ctx.restore();
-    var textHeight = arr.length * fontSize * lineHeight;
-    if (pen.textAlign === 'left') {
-        // pen.x = pen.x;
-    }
-    else if (pen.textAlign === 'right') {
-        pen.x = pen.x - (textWidth - pen.width);
-    }
-    else {
-        pen.x = pen.x - (textWidth - pen.width) / 2;
-    }
-    if (pen.textBaseline === 'top') {
-    }
-    else if (pen.textBaseline === 'bottom') {
-        pen.y = pen.y - (textHeight - pen.height);
-    }
-    else {
-        pen.y = pen.y - (textHeight - pen.height) / 2;
-    }
-    // if (textHeight > pen.height) {
-    pen.height = textHeight + 2;
-    // }
-    pen.width = textWidth + 2; //误差
-    pen.calculative.canvas.updatePenRect(pen);
-    pen.calculative.canvas.calcActiveRect();
-}
+import { calcRightBottom } from '../rect';
+import { getFont } from './render';
+export function calcTextRect(pen) {
+    const { paddingTop, paddingBottom, paddingLeft, paddingRight, worldRect, canvas, } = pen.calculative;
+    let { textLeft, textTop, textWidth, textHeight } = pen.calculative;
+    let x = paddingLeft;
+    let y = paddingTop;
+    // if (textLeft && Math.abs(textLeft) < 1) {
+    //   textLeft *= worldRect.width;
+    // }
+    // if (textTop && Math.abs(textTop) < 1) {
+    //   textTop *= worldRect.height;
+    // }
+    const width = worldRect.width -
+        paddingLeft -
+        paddingRight -
+        ((pen.textAlign === 'right' ? -textLeft : textLeft) || 0);
+    const height = worldRect.height -
+        paddingTop -
+        paddingBottom -
+        ((pen.textBaseline === 'bottom' ? -textTop : textTop) || 0);
+    if (textWidth && textWidth < 1) {
+        textWidth *= worldRect.width;
+    }
+    if (textHeight && textHeight < 1) {
+        textHeight *= worldRect.height;
+    }
+    if (textWidth < pen.calculative.fontSize) {
+        textWidth = pen.calculative.fontSize;
+    }
+    // 默认居左，居上
+    x += (textLeft || 0) + worldRect.x;
+    y += (textTop || 0) + worldRect.y;
+    const textAlign = pen.textAlign || canvas.store.options.textAlign;
+    const textBaseline = pen.textBaseline || canvas.store.options.textBaseline;
+    switch (textAlign) {
+        case 'center':
+            x += (width - (textWidth || width)) / 2;
+            break;
+        case 'right':
+            x += width - (textWidth || width);
+            break;
+    }
+    switch (textBaseline) {
+        case 'middle':
+            y += (height - (textHeight || height)) / 2;
+            break;
+        case 'bottom':
+            y += height - (textHeight || height);
+            break;
+    }
+    const rect = {
+        x,
+        y,
+        width: textWidth || width,
+        height: textHeight || height,
+    };
+    calcRightBottom(rect);
+    pen.calculative.worldTextRect = rect;
+    calcTextLines(pen);
+    pen.calculative.textDrawRect = undefined;
+}
+export function calcTextDrawRect(ctx, pen) {
+    // By default, the text is center aligned.
+    const lineHeight = pen.calculative.fontSize * pen.calculative.lineHeight;
+    const h = pen.calculative.textLines.length * lineHeight;
+    const textWidth = calcTextAdaptionWidth(ctx, pen); // 多行文本最大宽度
+    const rect = pen.calculative.worldTextRect;
+    let x = rect.x + (rect.width - textWidth) / 2;
+    let y = rect.y + (rect.height - h) / 2;
+    const options = pen.calculative.canvas.store.options;
+    const textAlign = pen.textAlign || options.textAlign;
+    switch (textAlign) {
+        case 'left':
+            x = rect.x;
+            break;
+        case 'right':
+            x = rect.x + rect.width - textWidth;
+            break;
+    }
+    const textBaseline = pen.textBaseline || options.textBaseline;
+    switch (textBaseline) {
+        case 'top':
+            y = rect.y;
+            break;
+        case 'bottom':
+            y = rect.ey - h;
+            break;
+    }
+    pen.calculative.textDrawRect = {
+        x,
+        y,
+        width: textWidth,
+        height: h,
+    };
+    calcRightBottom(pen.calculative.textDrawRect);
+}
+export function calcTextLines(pen, text = pen.calculative.text) {
+    if (text == undefined) {
+        pen.calculative.textLines = [];
+        return;
+    }
+    text = text.toString();
+    let lines = [];
+    const oneRowHeight = pen.calculative.fontSize * pen.calculative.lineHeight;
+    const textHeight = pen.calculative.worldTextRect.height;
+    const calcRows = Math.floor(textHeight / oneRowHeight);
+    // 最小值为 1
+    const maxRows = calcRows > 1 ? calcRows : 1;
+    switch (pen.whiteSpace) {
+        case 'nowrap':
+            if (pen.ellipsis !== false) {
+                const allLines = wrapLines(text.split(''), pen);
+                if (allLines[0]) {
+                    lines.push(allLines[0]);
+                    if (allLines.length > 1) {
+                        // 存在第二行，说明宽度超出
+                        setEllipsisOnLastLine(lines);
+                    }
+                }
+            }
+            else {
+                lines.push(text);
+            }
+            break;
+        case 'pre-line':
+            lines = text.split(/[\n]/g);
+            if (pen.ellipsis !== false && lines.length > maxRows) {
+                lines = lines.slice(0, maxRows);
+                setEllipsisOnLastLine(lines);
+            }
+            break;
+        case 'break-all':
+        default:
+            const paragraphs = text.split(/[\n]/g);
+            let currentRow = 0;
+            outer: for (const paragraph of paragraphs) {
+                const words = pen.whiteSpace === 'break-all'
+                    ? paragraph.split('')
+                    : getWords(paragraph);
+                let items = wrapLines(words, pen);
+                // 空行换行的情况
+                if (items.length === 0)
+                    items = [''];
+                if (pen.ellipsis != false) {
+                    for (const l of items) {
+                        currentRow++;
+                        if (currentRow > maxRows) {
+                            setEllipsisOnLastLine(lines);
+                            break outer;
+                        }
+                        else {
+                            lines.push(l);
+                        }
+                    }
+                }
+                else {
+                    lines.push(...items);
+                }
+            }
+            break;
+    }
+    const keepDecimal = pen.calculative.keepDecimal;
+    if (keepDecimal != undefined) {
+        lines.forEach((text, i) => {
+            const textNum = Number(text);
+            if (!isNaN(textNum)) {
+                lines[i] = textNum.toFixed(keepDecimal);
+            }
+        });
+    }
+    pen.calculative.textLines = lines;
+    return lines;
+}
+export function getWords(txt = '') {
+    const words = [];
+    let word = '';
+    for (let i = 0; i < txt.length; ++i) {
+        const ch = txt.charCodeAt(i);
+        if (ch < 33 || ch > 126) {
+            if (word) {
+                words.push(word);
+                word = '';
+            }
+            words.push(txt[i]);
+        }
+        else {
+            word += txt[i];
+        }
+    }
+    if (word) {
+        words.push(word);
+    }
+    return words;
+}
+export function wrapLines(words, pen) {
+    const canvas = pen.calculative.canvas;
+    const ctx = canvas.offscreen.getContext('2d');
+    const { fontStyle, fontWeight, fontSize, fontFamily, lineHeight } = pen.calculative;
+    ctx.save();
+    const lines = [];
+    let currentLine = words[0] || '';
+    for (let i = 1; i < words.length; ++i) {
+        const word = words[i] || '';
+        const text = currentLine + word;
+        let currentWidth = 0;
+        if (canvas.store.options.measureTextWidth) {
+            ctx.font = getFont({
+                fontStyle,
+                fontWeight,
+                fontFamily: fontFamily || canvas.store.options.fontFamily,
+                fontSize,
+                lineHeight,
+            });
+            currentWidth = ctx.measureText(text).width;
+        }
+        else {
+            // 近似计算
+            const chinese = text.match(/[^\x00-\xff]/g) || '';
+            const chineseWidth = chinese.length * fontSize; // 中文占用的宽度
+            const spaces = text.match(/\s/g) || '';
+            const spaceWidth = spaces.length * fontSize * 0.3; // 空格占用的宽度
+            const otherWidth = (text.length - chinese.length - spaces.length) * fontSize * 0.6; // 其他字符占用的宽度
+            currentWidth = chineseWidth + spaceWidth + otherWidth;
+        }
+        const textWidth = pen.calculative.worldTextRect.width;
+        if (currentWidth <= textWidth + 0.1) {
+            currentLine += word;
+        }
+        else {
+            currentLine.length && lines.push(currentLine);
+            currentLine = word;
+        }
+    }
+    currentLine.length && lines.push(currentLine);
+    ctx.restore();
+    return lines;
+}
+export function calcTextAdaptionWidth(ctx, pen) {
+    let maxWidth = 0;
+    pen.calculative.textLineWidths = [];
+    pen.calculative.textLines.forEach((text) => {
+        const width = ctx.measureText(text).width;
+        pen.calculative.textLineWidths.push(width);
+        maxWidth < width && (maxWidth = width);
+    });
+    return maxWidth;
+}
+/**
+ * 副作用函数，会修改传入的参数
+ * 把最后一行的最后变成 ...
+ * TODO: 中文的三个字符宽度比 . 大，显示起来像是删多了
+ * @param lines
+ */
+function setEllipsisOnLastLine(lines) {
+    lines[lines.length - 1] = lines[lines.length - 1].slice(0, -3) + '...';
+}
+export function calcTextAutoWidth(pen) {
+    let arr = pen.text.split('\n');
+    const canvas = pen.calculative.canvas;
+    const ctx = canvas.offscreen.getContext('2d');
+    const { fontStyle, fontWeight, fontSize, fontFamily, lineHeight } = pen.calculative;
+    let textWidth = 0; // pen.calculative.worldTextRect.width;
+    let currentWidth = 0; // textWidth;
+    ctx.save();
+    for (let i = 0; i < arr.length; i++) {
+        if (canvas.store.options.measureTextWidth) {
+            ctx.font = getFont({
+                fontStyle,
+                fontWeight,
+                fontFamily: fontFamily || canvas.store.options.fontFamily,
+                fontSize,
+                lineHeight,
+            });
+            currentWidth = ctx.measureText(arr[i]).width; //* scale;
+        }
+        else {
+            // 近似计算
+            const chinese = arr[i].match(/[^\x00-\xff]/g) || '';
+            const chineseWidth = chinese.length * fontSize; // 中文占用的宽度
+            const spaces = arr[i].match(/\s/g) || '';
+            const spaceWidth = spaces.length * fontSize * 0.3; // 空格占用的宽度
+            const otherWidth = (arr[i].length - chinese.length - spaces.length) * fontSize * 0.6; // 其他字符占用的宽度
+            currentWidth = chineseWidth + spaceWidth + otherWidth;
+        }
+        if (currentWidth > textWidth) {
+            textWidth = currentWidth; //* scale;
+        }
+    }
+    ctx.restore();
+    let textHeight = arr.length * fontSize * lineHeight;
+    if (pen.textAlign === 'left') {
+        // pen.x = pen.x;
+    }
+    else if (pen.textAlign === 'right') {
+        pen.x = pen.x - (textWidth - pen.width);
+    }
+    else {
+        pen.x = pen.x - (textWidth - pen.width) / 2;
+    }
+    if (pen.textBaseline === 'top') {
+    }
+    else if (pen.textBaseline === 'bottom') {
+        pen.y = pen.y - (textHeight - pen.height);
+    }
+    else {
+        pen.y = pen.y - (textHeight - pen.height) / 2;
+    }
+    // if (textHeight > pen.height) {
+    pen.height = textHeight + 2;
+    // }
+    pen.width = textWidth + 2; //误差
+    pen.calculative.canvas.updatePenRect(pen);
+    pen.calculative.canvas.calcActiveRect();
+}
 //# sourceMappingURL=text.js.map