tweak.

Author: 100pah

src/graphic/Style.js

@@ -1,4 +1,6 @@
 
+import fixShadow from './helper/fixShadow';
+
 var STYLE_COMMON_PROPS = [
     ['shadowBlur', 0], ['shadowOffsetX', 0], ['shadowOffsetY', 0], ['shadowColor', '#000'],
     ['lineCap', 'butt'], ['lineJoin', 'miter'], ['miterLimit', 10]
@@ -350,27 +352,14 @@ Style.prototype = {
         var prevStyle = prevEl && prevEl.style;
         var firstDraw = !prevStyle;
 
-        // Fix shadow size and offset with dpr
-        var fixShadow = function (propName, value) {
-            if ([
-                'shadowBlur', 'shadowOffsetX', 'shadowOffsetY',
-                'textShadowBlur', 'textShadowOffsetX', 'textShadowOffsetY',
-                'textBoxShadowBlur', 'textBoxShadowOffsetX',
-                'textBoxShadowOffsetY'
-            ].indexOf(propName) >= 0) {
-                return value *= ctx.dpr;
-            }
-            return value;
-        };
-
         for (var i = 0; i < STYLE_COMMON_PROPS.length; i++) {
             var prop = STYLE_COMMON_PROPS[i];
             var styleName = prop[0];
 
             if (firstDraw || style[styleName] !== prevStyle[styleName]) {
                 // FIXME Invalid property value will cause style leak from previous element.
                 ctx[styleName] =
-                    fixShadow(styleName, style[styleName] || prop[1]);
+                    fixShadow(ctx, styleName, style[styleName] || prop[1]);
             }
         }
 

src/graphic/helper/fixShadow.js

@@ -0,0 +1,19 @@
+
+var SHADOW_PROPS = {
+    'shadowBlur': 1,
+    'shadowOffsetX': 1,
+    'shadowOffsetY': 1,
+    'textShadowBlur': 1,
+    'textShadowOffsetX': 1,
+    'textShadowOffsetY': 1,
+    'textBoxShadowBlur': 1,
+    'textBoxShadowOffsetX': 1,
+    'textBoxShadowOffsetY': 1
+};
+
+export default function (ctx, propName, value) {
+    if (SHADOW_PROPS.hasOwnProperty(propName)) {
+        return value *= ctx.dpr;
+    }
+    return value;
+}

src/graphic/helper/text.js

@@ -10,6 +10,7 @@ import {
 import * as textContain from '../../contain/text';
 import * as roundRectHelper from './roundRect';
 import * as imageHelper from './image';
+import fixShadow from './fixShadow';
 
 // TODO: Have not support 'start', 'end' yet.
 var VALID_TEXT_ALIGN = {left: 1, right: 1, center: 1};
@@ -418,16 +419,7 @@ function setCtx(ctx, prop, value) {
     // if (ctx.__currentValues[prop] !== value) {
         // ctx[prop] = ctx.__currentValues[prop] = value;
 
-    // Fix shadow size and offset with dpr
-    if ([
-        'shadowBlur', 'shadowOffsetX', 'shadowOffsetY',
-        'textShadowBlur', 'textShadowOffsetX', 'textShadowOffsetY',
-        'textBoxShadowBlur', 'textBoxShadowOffsetX', 'textBoxShadowOffsetY'
-    ].indexOf(prop) >= 0) {
-        value *= ctx.dpr;
-    }
-
-    ctx[prop] = value;
+    ctx[prop] = fixShadow(ctx, prop, value);
     // }
     return ctx[prop];
 }