I need be able to upload several images into template like form, say 3 X 3 table, modify each image (zoom, rotate, etc.) and than save this collage as a single image. Can someone please help by pointing me to a Telerik sample of something similar or share an idea of how this can be implemented.
Thank you,
IG
Thank you,
IG
2 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 03 Dec 2013, 02:20 PM
Hi Igor
The ImageEditor which can be integrated with the RibbonBar to achieve the image collage
Please have a look into the following demo where we can insert more than 1 images and save all at once to create a collage.
ImageEditor - RibbonBar Integration
Hope this helps
Thanks
Shinu
The ImageEditor which can be integrated with the RibbonBar to achieve the image collage
Please have a look into the following demo where we can insert more than 1 images and save all at once to create a collage.
ImageEditor - RibbonBar Integration
Hope this helps
Thanks
Shinu
0
Hello Igor,
I have just answered your support ticket on the subject, for convenience I will paste my answer here as well:
I am afraid that I cannot point you an example similar to the described one and its implementing would not be a trivial task. You could follow a similar logic in implementing it:
- upload the images via RadUpload or RadAsync pload to the desired location
- using the RadUpload/AsyncUpload API get the uploaded image and insert it into the next empty cell from your form (you will need to implement your custom logic here)
- Attach handlers to the image element's click event, where to show a hidden ImageEditor control, load the clicked image into it (via AJAX) and modify it into the control.
- in order to gather the edited images into one, you can use a logic, similar to the one implemented into this custom InsertImage dialog, but you will need to made some additional calculations on where exactly to put each image (in width and height).
Kind regards,
Veselina Raykova
Telerik
I have just answered your support ticket on the subject, for convenience I will paste my answer here as well:
I am afraid that I cannot point you an example similar to the described one and its implementing would not be a trivial task. You could follow a similar logic in implementing it:
- upload the images via RadUpload or RadAsync pload to the desired location
- using the RadUpload/AsyncUpload API get the uploaded image and insert it into the next empty cell from your form (you will need to implement your custom logic here)
- Attach handlers to the image element's click event, where to show a hidden ImageEditor control, load the clicked image into it (via AJAX) and modify it into the control.
- in order to gather the edited images into one, you can use a logic, similar to the one implemented into this custom InsertImage dialog, but you will need to made some additional calculations on where exactly to put each image (in width and height).
Kind regards,
Veselina Raykova
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.