ImgPen example

How to use ImgPen image editor code samples

Here is the couple of ImgPen usage examples in TypeScript/JavaScript code with comments.

Server side is also bundled in this repo to allow you upload edited images and update them on client. Backend is provided by File Uploader microservice based on Express.

Project can be built with Webpack and ran instantly after you download it, no other webserver (like Nginx or Apache) is required.

Install, build, run

1. Clone this repository:

git clone https://github.com/edsdk/imgpen-example
cd imgpen-example

2. Build and run it

npm i
npm run start

Then open localhost:8080 URL in your browser and enjoy the demo.

Explanation

There are two simple examples inside this demo, you can check there TypeScript source in src/imgpen-example.ts. If you use EcmaScript (JavaScript) the code will be very similar for you.

Examples let you to edit images and upload them into www/images directory.

In your project you will use the same File Uploader backend (other supported languages: PHP, Java, etc), probably as microservice.

See Also

• ImgPen website
• File Uploader server for Express
• ImgPen package

License

BSD