fix: add rounded option to getCroppedCanvas method (fengyuanchen#551

)

README.md

@@ -824,6 +824,7 @@ Change the crop box position and size with new data.
     - `fillColor`: a color to fill any alpha values in the output canvas, the default value is the `transparent`.
     - [`imageSmoothingEnabled`](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled): set to change if images are smoothed (`true`, default) or not (`false`).
     - [`imageSmoothingQuality`](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality): set the quality of image smoothing, one of "low" (default), "medium", or "high".
+    - `rounded`: set `true` to use rounded values (the cropped area position and size data), the default value is `false`.
 
 - (return  value):
   - Type: `HTMLCanvasElement`

src/js/methods.js

@@ -654,7 +654,7 @@ export default {
       y: initialY,
       width: initialWidth,
       height: initialHeight,
-    } = this.getData();
+    } = this.getData(options.rounded || false);
     const ratio = source.width / Math.floor(canvasData.naturalWidth);
 
     if (ratio !== 1) {

types/index.d.ts

@@ -58,6 +58,7 @@ declare namespace Cropper {
     fillColor?: string;
     imageSmoothingEnabled?: boolean;
     imageSmoothingQuality?: ImageSmoothingQuality;
+    rounded?: boolean;
   }
 
   export interface SetDataOptions {