How do up save the visible area of an image that has been clipped?

Considering an image of 1096 wide and 800 high displayed in a UIFrameworkElement of 200x100 which has the ClipToBound set true.  If the image is scaled / rotated etc. by the user they will only see a partial of the image, every thing outside of the UIFrameworkElement will be clipped,
Can the visible portion of the image saved to a new bitmap/file?

A WriteableBitmap can be created and transformed but is there a way to determine the visible bounds so that the image can then be cropped to mirror that of the UIFrameworkElement?  Or can the image control itself be used to determine what is visible?
Who is Participating?
Navigator101Connect With a Mentor Author Commented:
I know all about insane weeks, all too familiar! Solved it after some logical hacking around, its all quite sensitive. -- anyway here it is... if you have an alternative solution I would love to see it... always willing to learn.
// render the image content and obtain the pixel data
RenderTargetBitmap rtb = new RenderTargetBitmap();
Size imageSize = new Size(panelImageManipulation.ActualWidth, panelImageManipulation.ActualHeight);
await rtb.RenderAsync(scrollImageManipulation, (int)imageSize.Width, (int)imageSize.Height);
IBuffer buffer = await rtb.GetPixelsAsync();

// write the image to file
StorageFile transformedFile = await ApplicationData.Current.LocalFolder.CreateFileAsync("TransformedImage.jpg", CreationCollisionOption.ReplaceExisting);

using (var transformedStream = await transformedFile.OpenAsync(FileAccessMode.ReadWrite))
   BitmapEncoder encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.JpegEncoderId, transformedStream);
   encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Premultiplied, (uint)imageSize.Width, (uint)imageSize.Height, 96, 96, buffer.ToArray());
   await encoder.FlushAsync();

Open in new window

Have a look at the "RenderTargetBitmap" class.  What it's designed for, to be fed a Visual object and render that to a BitmapSource.

FrameworkElement target = null;     //whatever your item is actually going to be here 
var rtb = new RenderTargetBitmap((int)target.ActualWidth, (int)target.ActualHeight, 96, 96, PixelFormats.Pbgra32);
//save it
var enc = new PngBitmapEncoder();
using (var fs = File.Create(@"xxx"))

Open in new window

Navigator101Author Commented:
Thanks, but in WinRT this is all gone.. Microsoft have change all the rendering methods.. for instance The RenderTargetBitmap is now in Windows.UI.Media.Imaging and doesn't have any constructors instead it uses a RenderAsync method..  o.. and you cant add frames.
The BitmapTransform method on the Encoder only allows rotation of 90, 180 and 270.
Alll I want to do is save the transformed image... its proving more testing...
Aha, my mistake, when I saw xaml I thought WPF.
If no one else answers tonight, I have a bunch of projects on my system at work where I did the same thing on WinRT, I'll post it tomorrow am (don't remember the syntax right now).
Forgive me if I forget, insane week :S
Navigator101Author Commented:
Solved after documentation research and sitting on sofa solving problems.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.