How can I merge 2 images on Windows Phone

Question

I have 2 images and I want to merge them into one on my apps in Windows Phone.

The first image captured by my WP's camera, the second image is a frame (borders, filter, etc.) which user can choose among our templates. So how can I merge them into one.

Thanks and best regards.

Answer 1

I don't quite understand what you ask. But I guess you want to overlay 1 image on top of another. If so, there is already an answer here. Inside the <grid>, you can provide both the image, and customize the opacity of each image to make it overlay-ed.

EDITED: You can use Writeablebitmap for that and there's an already library for that here. After adding the WriteableBitmapExWinPhone in your WP7 project, you can merge the image and frame by doing this:

    var photo = ...//you writeablebitmap of image here
    var frame = ...//your writeablebitmap of frame here
    var merge = new WriteableBitmap(435, 435); //size of merge canvas
    merge .Clear(Colors.White); //white background
    merge.Blit(new Rect(oX, oY, w, h), photo, new Rect(0, 0, photo.PixelWidth,        photo.PixelHeight)); //draw the photo first
    merge.Blit(new Rect(0, 0, 435, 435), frame, new Rect(0, 0, frame.PixelWidth,        frame.PixelHeight)); //draw the frame