fixed 100 percent

pguso · Apr 9, 2020 · f63d92d · f63d92d
1 parent 59ee683
commit f63d92d
Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/dist/circliful.js b/dist/circliful.js
diff --git a/public/index.html b/public/index.html
@@ -14,7 +14,7 @@
 <div id="circle3" class="circle-default-style"></div>
 <div id="circle4"
      class="circle-default-style"
-     data-percent="90"
+     data-percent="100"
      data-no-percentage-sign="true"
      data-animation="false"
      data-stroke-linecap="round">
@@ -99,7 +99,7 @@
         });
 
         circliful.newCircle({
-            percent: 75,
+            percent: 100,
             id: 'circle5',
             type: 'plain',
             animation: false,

diff --git a/src/helper/svg-tags-helper.ts b/src/helper/svg-tags-helper.ts
@@ -61,10 +61,15 @@ class SvgTagsHelper {
         const start = SvgTagsHelper.polarToCartesian(x, y, radius, endAngle);
         const end = SvgTagsHelper.polarToCartesian(x, y, radius, startAngle);
         const largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
+        let closePath = false;
 
+        if (endAngle === 360 && end.x > start.x) {
+            closePath = true;
+            start.x = start.x - 0.001;
+        }
         return [
             "M", start.x, start.y,
-            "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y,
+            "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y, (closePath ? 'Z' : '')
         ].join(" ");
     }
 }