text.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import { getTextWidth, getTextHeight, assembleFont } from '../util/text';
  2. export default function (shape) {
  3. var attrs = shape.attr();
  4. var x = attrs.x, y = attrs.y, text = attrs.text, fontSize = attrs.fontSize, lineHeight = attrs.lineHeight;
  5. var font = attrs.font;
  6. if (!font) {
  7. // 如果未组装 font
  8. font = assembleFont(attrs);
  9. }
  10. var width = getTextWidth(text, font);
  11. var bbox;
  12. if (!width) {
  13. // 如果width不存在,四点共其实点
  14. bbox = {
  15. x: x,
  16. y: y,
  17. width: 0,
  18. height: 0,
  19. };
  20. }
  21. else {
  22. var textAlign = attrs.textAlign, textBaseline = attrs.textBaseline;
  23. var height = getTextHeight(text, fontSize, lineHeight); // attrs.height
  24. // 默认左右对齐:left, 默认上下对齐 bottom
  25. var point = {
  26. x: x,
  27. y: y - height,
  28. };
  29. if (textAlign) {
  30. if (textAlign === 'end' || textAlign === 'right') {
  31. point.x -= width;
  32. }
  33. else if (textAlign === 'center') {
  34. point.x -= width / 2;
  35. }
  36. }
  37. if (textBaseline) {
  38. if (textBaseline === 'top') {
  39. point.y += height;
  40. }
  41. else if (textBaseline === 'middle') {
  42. point.y += height / 2;
  43. }
  44. }
  45. bbox = {
  46. x: point.x,
  47. y: point.y,
  48. width: width,
  49. height: height,
  50. };
  51. }
  52. return bbox;
  53. }
  54. //# sourceMappingURL=text.js.map