Silverlight裁剪元素图片

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

 1 /// <summary>
 2 /// 剪辑为画布
 3 /// </summary>
 4 /// <param name=”element”>元素</param>
 5 /// <param name=”rect”>矩形</param>
 6 /// <returns>画布</returns>
 7 public static Canvas CropeedToCanvas(this FrameworkElement element, Rect rect)
 8 {
 9 　　// 平移变换
10 　　TranslateTransform transform = new TranslateTransform();
11 
12 　　transform.X = -rect.X;
13 　　transform.Y = -rect.Y;
14 
15 　　Image image = new Image();
16 
17 　　image.Stretch = Stretch.None;
18 　　image.RenderTransform = transform;
19 　　image.Source = new WriteableBitmap(element, null);
20 
21 　　Canvas canvas = new Canvas();
22 
23 　　canvas.Width = rect.Width;
24 　　canvas.Height = rect.Height;
25 
26 　　canvas.Children.Add(image);
27 
28 　　return canvas;
29 }

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