fix issues with referenced resources if the page has a <base> tag

Author: crisbeto

src/roundProgress.js

@@ -82,7 +82,7 @@ angular.module('angular-svg-round-progress')
                         });
 
                         ring.css({
-                            "stroke":           options.color,
+                            "stroke":           service.resolveColor(options.color),
                             "stroke-width":     stroke,
                             "stroke-linecap":   options.rounded ? "round": "butt"
                         });
@@ -98,7 +98,7 @@ angular.module('angular-svg-round-progress')
                             "cy":           radius,
                             "r":            backgroundSize >= 0 ? backgroundSize : 0
                         }).css({
-                            "stroke":       options.bgcolor,
+                            "stroke":       service.resolveColor(options.bgcolor),
                             "stroke-width": stroke
                         });
                     };
@@ -182,7 +182,7 @@ angular.module('angular-svg-round-progress')
                         '<svg class="'+ directiveName +'" xmlns="http://www.w3.org/2000/svg">',
                             '<circle fill="none"/>',
                             '<path fill="none"/>',
-                            '<g ng-transclude width></g>',
+                            '<g ng-transclude></g>',
                         '</svg>'
                     ];
 

src/roundProgressService.js

@@ -3,6 +3,20 @@
 angular.module('angular-svg-round-progress').service('roundProgressService', [function(){
     var service = {};
     var isNumber = angular.isNumber;
+    var base = document.head.querySelector('base');
+
+    // fixes issues if the document has a <base> element
+    service.resolveColor = base && base.href ? function(value){
+        var hashIndex = value.indexOf('#');
+
+        if(hashIndex > -1 && value.indexOf('url') > -1){
+            return value.slice(0, hashIndex) + window.location.href + value.slice(hashIndex);
+        }
+
+        return value;
+    } : function(value){
+        return value;
+    };
 
     // credits to http://modernizr.com/ for the feature test
     service.isSupported = !!(document.createElementNS && document.createElementNS('http://www.w3.org/2000/svg', "svg").createSVGRect);