Svelte Image Input and Manipulation Components

ImageInput Example

Load an image using drag and drop, clipboard paste, or by clicking the "Load an image" button. Then, resize and crop the image. The output image will be displayed beside along with the final size in bytes of the data URL.

Input Image

Drop, paste, or

Output Image

Check out the code on GitHub.