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
- Clone this repository:
git clone https://github.com/edsdk/imgpen-example
cd imgpen-example
- 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
License
BSD