Image Collage

3 posts, 0 answers
  1. Igor
    Igor avatar
    2 posts
    Member since:
    Oct 2013

    Posted 02 Dec 2013 Link to this post

    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,
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 03 Dec 2013 Link to this post

    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

  3. Vessy
    Vessy avatar
    2206 posts

    Posted 03 Dec 2013 Link to this post

    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
    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.
Back to Top