FilePond.js
Uploads anything you throw at it ☁️
Start new thread
Rik Schennink

Doka.js - A JavaScript image editor for your website ✂️

by
BananaBin
•

✂️ A vanilla JavaScript library for cropping and editing images in the browser.

📱 Fast on older and newer devices. Handles touch, mouse, and keyboard input.

🕹 Rotate, turn, scale and flip images.

🗜️ Compress, reformat, and resize images on the client.

🔌 Easily integrate with libraries like Dropzone, Uppy, jQuery File Upload, and FilePond.

Add a comment

Replies

Best
Dima Braven (itmeo.com)
Wow, fantastic video and tool as well. Really nice work guys.
Rik Schennink
Maker
@dimablover Thanks Dima! 😊
Vlad Korobov
Would be great replacement of https://developers.aviary.com/ (Adobe creative SDK will stop support of the product this year). Hope to see more features
Rik Schennink
Maker
@vladkorobov I want to slowly extend it with image color controls, filters and possibly text and symbols.
Clayton Parker
Will for sure be checking this out and sharing with my dev team to look at. We run a very image heavy web app and providing a way to make some basic adjustments to images after uploading would be rad
Rik Schennink
Maker
@unclejessy4real Let me know if you have any questions Clayton, always happy to assist.
Resh Wallaja
Rik, Congrats. I see this makes the client side things easy. In my opinion, the real challenge is displaying images correctly in a view-port - on the client side. The images themselves can be from anywhere on the cloud. The end-user may access the service from any device, device orientation. Devices may each have standard or high density displays. So you have view-ports that are 1. square, 2, portrait 3. landscape The images may be in any format 1. square, 2, portrait 3. landscape There are additional issues with focus-point, which is best determined at the time of uploading. - Can you also provided the corresponding view port? This is major hassle in the product catalog business (where you may have easily have 100,000+ images) Thoughts?
Rik Schennink
Maker
Thanks @resh! Doka is aimed at helping customers make the right Crop and defining their perfect image composition. I think these tools might help you solve the issues you refer to: Responsive images: https://developer.mozilla.org/en... Defining a focal point: https://www.javascripting.com/vi... So for instance, you could make a crop with Doka and then in the next step manually click on the image to select a focal point, upload the file data along with the focal point info. Then on the client you use focal-point and responsive images to render the correct output on every viewport.
Kai Gradert
This is awesome. Thanks for sharing the progress along the way. It's been fun to watch this come to life.
Rik Schennink
Maker
@kaigradert Thanks Kai! Thanks for taking interest in the journey! :D
Naga Raju
Great work Rik.
Rik Schennink
Maker
@nagarajugajula Thanks Naga!
RealNegotiator
Will it work in WordPress?
Rik Schennink
Maker
@realnegotiator Not out of the box, you would need to integrate it with a file upload plugin first.
Ted Chen
Great product and UI!!! Would be really helpful for me, congrats on the launch!!!
Rik Schennink
Maker
@teddd Thank you Ted!
pinpaper pinpaper
do your university project and homework without spend time. https://pinpaper.ir
pinpaper pinpaper
حل تمرین دروس کارشناسی و ارشد و دکتری انجام پروژه های پایانی و پایان ترم کارشناسی و ارشد تمام رشته ها نگارش و مشاوره نگارش سمینار، پایان نامه و مقاله ترجمه تخصصی پروژه متلب c برنامه نویسی https://pinpaper.ir
First
Previous
123