Silverlight裁剪元素图片

WriteableBitmap可以对元素产生贴图，而这个元素并不需要被实际添加到呈现元素中。Canvas的特点是在给定的宽度、高度显示元素，如果元素超出给定的viewport就不可见。对于一个元素来说裁剪左上部分的图片可以通过Canvas的SetLeft和SetTop函数或者对元素进行移动的变换（TranslateTransform）。而右下角的部分可以通过显示设置Canvas的宽度、高度来定义。比如你可以编写这么一个扩展函数来将元素裁剪到一个Canvas：

/// <summary>
/// 剪辑为画布
/// </summary>
/// <param name=”element”>元素</param>
/// <param name=”rect”>矩形</param>
/// <returns>画布</returns>
public static Canvas CropeedToCanvas(this FrameworkElement element, Rect rect)
{
　　// 平移变换
　　TranslateTransform transform = new TranslateTransform();

　　transform.X = -rect.X;
　　transform.Y = -rect.Y;

　　Image image = new Image();

　　image.Stretch = Stretch.None;
　　image.RenderTransform = transform;
　　image.Source = new WriteableBitmap(element, null);

　　Canvas canvas = new Canvas();

　　canvas.Width = rect.Width;
　　canvas.Height = rect.Height;

　　canvas.Children.Add(image);

　　return canvas;
}

虽然Canvas内部只有一个元素，不要使用容纳单个元素的ContentControl来实现这个效果。比如Border，因为Border在指定Child的时候不会立刻计算出本身的ActualWidth和ActualHeight，而Canvas在调用Children属性的Add函数后，它的ActualWidth和ActualHeight会被重新计算。