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

Posted on 2015-01-28
Medium Priority
Last Modified: 2015-02-04
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?
Question by:Navigator101
  • 3
  • 2
LVL 24

Expert Comment

ID: 40577096
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


Author Comment

ID: 40578663
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...
LVL 24

Expert Comment

ID: 40578668
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

Accepted Solution

Navigator101 earned 0 total points
ID: 40579407
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


Author Closing Comment

ID: 40588235
Solved after documentation research and sitting on sofa solving problems.

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

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.

Join & Write a Comment

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
This video tutorial shows you the steps to go through to set up what I believe to be the best email app on the android platform to read Exchange mail.  Get the app on your phone: The first step is to make sure you have the Samsung Email app on your …
Hi, this video explains a free download that you can incorporate into your Access databases, or use stand-alone for contact management. Contacts -- Names, Addresses, Phone Numbers, eMail Addresses, Websites, Lists, Projects, Notes, Attachments…

627 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question