Fixing radial gradients for line and circle.

Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

2 files changed, 4 insertions, 4 deletions

diff --git a/js/lib/geom/circle.js b/js/lib/geom/circle.js
index 70f608be..8f9f54d1 100755
--- a/js/lib/geom/circle.js
+++ b/js/lib/geom/circle.js
@@ -457,7 +457,7 @@ var Circle = function GLCircle() {
                 if(this._fillColor.gradientMode) {
                     if(this._fillColor.gradientMode === "radial") {
                         gradient = ctx.createRadialGradient(xCtr, yCtr, 0,
-                                                            xCtr, yCtr, yScale);
+                                                            xCtr, yCtr, Math.max(yScale, xScale));
                     } else {
                         gradient = ctx.createLinearGradient(0, this._height/2, this._width, this._height/2);
                     }
@@ -533,8 +533,8 @@ var Circle = function GLCircle() {
                         if (this._strokeColor) {
                 if(this._strokeColor.gradientMode) {
                     if(this._strokeColor.gradientMode === "radial") {
-                        gradient = ctx.createRadialGradient(xCtr, yCtr, yScale,
-                                                            xCtr, yCtr, 0.5*this._height);
+                        gradient = ctx.createRadialGradient(xCtr, yCtr, Math.min(xScale, yScale),
+                                                            xCtr, yCtr, 0.5*Math.max(this._height, this._width));
                     } else {
                         gradient = ctx.createLinearGradient(0, this._height/2, this._width, this._height/2);
                     }
diff --git a/js/lib/geom/line.js b/js/lib/geom/line.js
index eaa26cf0..51a6fa98 100755
--- a/js/lib/geom/line.js
+++ b/js/lib/geom/line.js
@@ -365,7 +365,7 @@ var Line = function GLLine( world, xOffset, yOffset, width, height, slope, strok
                 if (this._strokeColor) {
             if(this._strokeColor.gradientMode) {
                 if(this._strokeColor.gradientMode === "radial") {
-                    gradient = ctx.createRadialGradient(w/2, h/2, 0, w/2, h/2, h/2);
+                    gradient = ctx.createRadialGradient(w/2, h/2, 0, w/2, h/2, Math.max(w/2, h/2));
                 } else {
                     gradient = ctx.createLinearGradient(0, h/2, w, h/2);
                 }