text.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import { isNil, each, isString } from './util';
  2. import { getOffScreenContext } from './offscreen';
  3. /**
  4. * 获取文本的高度
  5. * @param text 文本
  6. * @param fontSize 字体大小
  7. * @param lineHeight 行高,可以为空
  8. */
  9. export function getTextHeight(text, fontSize, lineHeight) {
  10. var lineCount = 1;
  11. if (isString(text)) {
  12. lineCount = text.split('\n').length;
  13. }
  14. if (lineCount > 1) {
  15. var spaceingY = getLineSpaceing(fontSize, lineHeight);
  16. return fontSize * lineCount + spaceingY * (lineCount - 1);
  17. }
  18. return fontSize;
  19. }
  20. /**
  21. * 获取行间距如果文本多行,需要获取文本间距
  22. * @param fontSize 字体大小
  23. * @param lineHeight 行高
  24. */
  25. export function getLineSpaceing(fontSize, lineHeight) {
  26. return lineHeight ? lineHeight - fontSize : fontSize * 0.14;
  27. }
  28. /**
  29. * 字体宽度
  30. * @param text 文本
  31. * @param font 字体
  32. */
  33. export function getTextWidth(text, font) {
  34. var context = getOffScreenContext(); // 获取离屏的 ctx 进行计算
  35. var width = 0;
  36. // null 或者 undefined 时,宽度为 0
  37. if (isNil(text) || text === '') {
  38. return width;
  39. }
  40. context.save();
  41. context.font = font;
  42. if (isString(text) && text.includes('\n')) {
  43. var textArr = text.split('\n');
  44. each(textArr, function (subText) {
  45. var measureWidth = context.measureText(subText).width;
  46. if (width < measureWidth) {
  47. width = measureWidth;
  48. }
  49. });
  50. }
  51. else {
  52. width = context.measureText(text).width;
  53. }
  54. context.restore();
  55. return width;
  56. }
  57. export function assembleFont(attrs) {
  58. var fontSize = attrs.fontSize, fontFamily = attrs.fontFamily, fontWeight = attrs.fontWeight, fontStyle = attrs.fontStyle, fontVariant = attrs.fontVariant;
  59. return [fontStyle, fontVariant, fontWeight, fontSize + "px", fontFamily].join(' ').trim();
  60. }
  61. //# sourceMappingURL=text.js.map