P5-1952 remove decimals on cm for the ruler

dist/image-editor.js

@@ -1248,6 +1248,8 @@ function ImageEditor(canvasId, args) {
             hideRulers: 'Hide Ruler',
             showFullscreen: 'Fullscreen',
             exitFullscreen: 'Exit Fullscreen',
+            cm: 'cm',
+            inch: 'inch'
         },
         // Default dimensions
         dimensions: {
@@ -1442,8 +1444,13 @@ function RulerHandler(viewport) {
         if (axis === 'top') {
             dim = viewport.getData().dim.height - dim;
         }
-
+        var units = viewport.getData().dim.units;
-        ruler.setText(Math.round(dim * 100) / 100 + ' ' + viewport.getData().dim.units);
+        var value = Math.round(dim * 100) / 100;
+        if(units === 'cm') {
+            value = Math.round(value);
+        }
+        var label = viewport.canvas.__texts[units] || 'cm';
+        ruler.setText(value + ' ' + label);
     }
 
     var Event = {

src/ImageEditor.js

@@ -20,6 +20,8 @@ function ImageEditor(canvasId, args) {
             hideRulers: 'Hide Ruler',
             showFullscreen: 'Fullscreen',
             exitFullscreen: 'Exit Fullscreen',
+            cm: 'cm',
+            inch: 'inch'
         },
         // Default dimensions
         dimensions: {

src/RulerHandler.js

@@ -20,8 +20,13 @@ function RulerHandler(viewport) {
         if (axis === 'top') {
             dim = viewport.getData().dim.height - dim;
         }
-
+        var units = viewport.getData().dim.units;
-        ruler.setText(Math.round(dim * 100) / 100 + ' ' + viewport.getData().dim.units);
+        var value = Math.round(dim * 100) / 100;
+        if(units === 'cm') {
+            value = Math.round(value);
+        }
+        var label = viewport.canvas.__texts[units] || 'cm';
+        ruler.setText(value + ' ' + label);
     }
 
     var Event = {