add function for text

B1gF4ceC4t · Jun 12, 2018 · ca1b5da · ca1b5da
1 parent bbf2ea2
commit ca1b5da
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/graphic/helper/text.js b/src/graphic/helper/text.js
@@ -5,7 +5,8 @@ import {
     each,
     normalizeCssArray,
     isString,
-    isObject
+    isObject,
+    isFunction
 } from '../../core/util';
 import * as textContain from '../../contain/text';
 import * as roundRectHelper from './roundRect';
@@ -252,6 +253,7 @@ function applyTextRotation(ctx, style, rect, x, y) {
 
 function placeToken(hostEl, ctx, token, style, lineHeight, lineTop, x, textAlign) {
     var tokenStyle = style.rich[token.styleName] || {};
+    tokenStyle.text = token.text;
 
     // 'ctx.textBaseline' is always set as 'middle', for sake of
     // the bias of "Microsoft YaHei".
@@ -317,7 +319,7 @@ function needDrawBackground(style) {
         || (style.textBorderWidth && style.textBorderColor);
 }
 
-// style: {textBackgroundColor, textBorderWidth, textBorderColor, textBorderRadius}
+// style: {textBackgroundColor, textBorderWidth, textBorderColor, textBorderRadius, text}
 // shape: {x, y, width, height}
 function drawBackground(hostEl, ctx, style, x, y, width, height) {
     var textBackgroundColor = style.textBackgroundColor;
@@ -348,6 +350,10 @@ function drawBackground(hostEl, ctx, style, x, y, width, height) {
         setCtx(ctx, 'fillStyle', textBackgroundColor);
         ctx.fill();
     }
+    else if (isFunction(textBackgroundColor)) {
+        setCtx(ctx, 'fillStyle', textBackgroundColor(style));
+        ctx.fill();
+    }
     else if (isObject(textBackgroundColor)) {
         var image = textBackgroundColor.image;