Upscale and cover image

index.js

@@ -11,6 +11,19 @@ async function cropImage({
     try {
         const image = await loadImage(imagePath);
 
+        if (!width) width = image.width;
+        if (!height) height = image.height;
+
+        const scaleWidth = width / image.width;
+        const scaleHeight = height / image.height;
+        const scaleFactor = Math.max(scaleWidth, scaleHeight);
+
+        const scaledWidth = image.width * scaleFactor;
+        const scaledHeight = image.height * scaleFactor;
+
+        x = (width - scaledWidth) / 2;
+        y = (height - scaledHeight) / 2;
+
         const canvas = createCanvas(width, height);
         const ctx = canvas.getContext('2d');
 
@@ -29,12 +42,12 @@ async function cropImage({
             ctx.clip();
         }
 
-        ctx.drawImage(image, x, y, width, height, 0, 0, width, height);
+        ctx.drawImage(image, x, y, scaledWidth, scaledHeight);
 
-        return canvas.toBuffer('image/png');
+        return canvas.toBuffer("image/png");
     } catch (error) {
-        console.error('Error cropping image:', error.message);
+        throw new Error(error.message);
     }
 }
 
-module.exports = { cropImage };
+module.exports = { cropImage };

package.json

@@ -2,7 +2,7 @@
   "name": "cropify",
   "types": "./index.d.ts",
   "description": "Crop and round image corners seamlessly.",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "index.js",
   "publishConfig": {
     "access": "public",
@@ -15,7 +15,8 @@
     "crop-image",
     "canvas-crop",
     "cropify",
-    "unburn"
+    "unburn",
+    "upscale"
   ],
   "author": "FlameFace",
   "license": "MIT",

readme.md

@@ -5,6 +5,7 @@
 - Crop images with precision using the Canvas API.
 - Optional support for rounding corners with a customizable border radius.
 - Designed for simplicity and performance.
+- Upscale and cover image.
 
 ## Installation
 ```
@@ -16,13 +17,13 @@ npm install cropify
 const { cropImage } = require("cropify");
 const fs = require("fs")
 
-const imagePath = 'https://raw.githubusercontent.com/unburn/.github/main/assets/unburngithub.png';
+const imagePath = 'https://storage.googleapis.com/pai-images/8c27ed6e3c85463a8db958ecb596594e.jpeg';
 
-const cropX = 600;
+const cropX = 0;
 const cropY = 0;
-const cropWidth = 722;
-const cropHeight = 422;
-const borderRadius = 20;
+const cropWidth = 1280;
+const cropHeight = 720;
+const borderRadius = 80;
 
 cropImage({
     imagePath: imagePath,
@@ -37,13 +38,7 @@ cropImage({
 ```
 
 ## Output
-### Original
-
-![original](https://raw.githubusercontent.com/unburn/.github/main/assets/unburngithub.png)
-
-### Cropped
-
-![crop](https://raw.githubusercontent.com/unburn/.github/main/assets/cropped-image.png)
+![example](./assets/example.png)
 
 ---
 If you need help or want some features to be added, join our official [discord](https://discord.com/invite/qDysF95NWh) community.