You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.8 KiB
46 lines
1.8 KiB
import { runtime } from '@antv/g';
|
|
import { memoize } from '@antv/util';
|
|
var ctx;
|
|
var mockMeasureTextWidth;
|
|
export function setMockMeasureTextWidth(mock) {
|
|
mockMeasureTextWidth = mock;
|
|
}
|
|
/**
|
|
* 计算文本在画布中的宽度
|
|
*/
|
|
export var measureTextWidth = memoize(function (text, font) {
|
|
var fontSize = font.fontSize, fontFamily = font.fontFamily, fontWeight = font.fontWeight, fontStyle = font.fontStyle, fontVariant = font.fontVariant;
|
|
if (mockMeasureTextWidth) {
|
|
return mockMeasureTextWidth(text, fontSize);
|
|
}
|
|
if (!ctx) {
|
|
// @ts-ignore
|
|
ctx = runtime.offscreenCanvasCreator.getOrCreateContext(undefined);
|
|
}
|
|
ctx.font = [fontStyle, fontVariant, fontWeight, "".concat(fontSize, "px"), fontFamily].join(' ');
|
|
return ctx.measureText(text).width;
|
|
}, function (text, font) { return [text, Object.values(font || getFont(text)).join()].join(''); }, 4096);
|
|
export var getFont = function (textShape) {
|
|
var fontFamily = textShape.style.fontFamily || 'sans-serif';
|
|
var fontWeight = textShape.style.fontWeight || 'normal';
|
|
var fontStyle = textShape.style.fontStyle || 'normal';
|
|
var fontVariant = textShape.style.fontVariant;
|
|
var fontSize = textShape.style.fontSize;
|
|
fontSize = typeof fontSize === 'object' ? fontSize.value : fontSize;
|
|
return { fontSize: fontSize, fontFamily: fontFamily, fontWeight: fontWeight, fontStyle: fontStyle, fontVariant: fontVariant };
|
|
};
|
|
export function textOf(node) {
|
|
if (node.nodeName === 'text') {
|
|
return node;
|
|
}
|
|
if (node.nodeName === 'g' && node.children.length === 1 && node.children[0].nodeName === 'text') {
|
|
return node.children[0];
|
|
}
|
|
return null;
|
|
}
|
|
export function applyToText(node, style) {
|
|
var text = textOf(node);
|
|
if (text)
|
|
text.attr(style);
|
|
}
|
|
//# sourceMappingURL=text.js.map
|