Precision (#115)

* Round the calculated fraction values to maximum 6 decimals

* Fix test

* Round compute

* Revert "Round compute"

This reverts commit 1bf9f25.

* Revert "Fix test"

This reverts commit 322e391.

* Revert rounding to calc

* Do not round angle values

* Fix precision count

src/generator/shapes.js

@@ -1,4 +1,4 @@
-import { clamp, is_empty, make_tag_function } from '../utils/index.js';
+import { clamp, is_empty, make_tag_function, round } from '../utils/index.js';
 import parse_shape_commands from '../parser/parse-shape-commands.js';
 import parse_value_group from '../parser/parse-value-group.js';
 import parse_direction from '../parser/parse-direction.js';
@@ -191,12 +191,12 @@ function create_polygon_points(option, fn) {
     let angle = calc_angle(x, y, dx1, dy2, direction);
     if (unit !== undefined && unit !== '%') {
       if (unit !== 'none') {
-        x += unit;
-        y += unit;
+        x = round(x) + unit;
+        y = round(y) + unit;
       }
     } else {
-      x = (x + 1) * 50 + '%';
-      y = (y + 1) * 50 + '%';
+      x = round((x + 1) * 50) + '%';
+      y = round((y + 1) * 50) + '%';
     }
     points.push(new Point(x, y, angle));
   }
@@ -338,7 +338,7 @@ function create_shape_points(props, {min, max}) {
     if (props.move) {
       [x, y, dx, dy] = translate(x, y, props.move);
     }
-    return [x, y, dx, dy];
+    return [round(x), round(y), round(dx), round(dy)];
   });
 }
 

src/utils/index.js

@@ -192,6 +192,13 @@ function get_grid(input) {
   return { x, y }
 }
 
+function round(value, precision = 6) {
+  const power = Math.pow(10, precision + 1)
+  let result = Math.round((value * power) + (Number.EPSILON * power)) / power;
+  if (Number.isNaN(result)) result = 0;
+  return result;
+}
+
 export {
   clamp,
   maybe,
@@ -216,4 +223,5 @@ export {
   lerp,
   unique_id,
   get_grid,
+  round,
 }