Image cropping

A demo of server-side image cropping with Go and cropper.js.

How it works?

In this demo, we're using cropper.js to crop the image in the browser and send the crop details to the server to process the final result.

Why do the crop work on server?

Cropper.js uses the browser's native canvas.toBlob API which means, it will produce a reduced quality image. To mend this, we do the crop work on the server.

Running

1. Install web app dependencies.

$ yarn // or npm install

2. Build the web app.

$ yarn build // or npm run build

3. Run the server.

$ go run main.go

4. Go to localhost:3002 and start playing!