test/xaml/test-shape-line-clip.xaml

   1 <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
   2         <Line Stroke="Red" StrokeThickness="10" X1="10" Y1="10" X2="10" Y2="100" />
   3         <Line Stroke="Orange" StrokeThickness="10" X1="20" Y1="10" X2="20" Y2="100" />
   4         <Line Stroke="Yellow" StrokeThickness="10" X1="30" Y1="10" X2="30" Y2="100" />
   5         <Line Stroke="Green" StrokeThickness="10" X1="40" Y1="10" X2="40" Y2="100" />
   6         <Line Stroke="Blue" StrokeThickness="10" X1="50" Y1="10" X2="50" Y2="100" />
   7         <Line Stroke="Purple" StrokeThickness="10" X1="60" Y1="10" X2="60" Y2="100" />
   8
   9         <!-- Line are clipped to the specified Height and Width if both are present -->
  10         <Canvas Canvas.Top="120">
  11                 <!-- MS SL seems buggy here - reported as http://silverlight.net/forums/t/7562.aspx -->
  12                 <Line Stroke="Red"    Width="10" Height="50" StrokeThickness="10" X1="10" Y1="10" X2="10" Y2="100" />
  13                 <Line Stroke="Orange" Width="20" Height="50" StrokeThickness="10" X1="20" Y1="10" X2="20" Y2="100" />
  14                 <Line Stroke="Yellow" Width="30" Height="50" StrokeThickness="10" X1="30" Y1="10" X2="30" Y2="100" />
  15                 <Line Stroke="Green"  Width="40" Height="50" StrokeThickness="10" X1="40" Y1="10" X2="40" Y2="100" />
  16                 <Line Stroke="Blue"   Width="50" Height="50" StrokeThickness="10" X1="50" Y1="10" X2="50" Y2="100" />
  17                 <Line Stroke="Purple" Width="60" Height="50" StrokeThickness="10" X1="60" Y1="10" X2="60" Y2="100" />
  18         </Canvas>
  19
  20         <!-- Line are not rendered if only Height or Width are specified -->
  21         <Canvas Canvas.Left="120">
  22                 <Line Stroke="Red"    Height="50" StrokeThickness="10" X1="10" Y1="10" X2="10" Y2="100" />
  23                 <Line Stroke="Orange" Width="100" StrokeThickness="10" X1="20" Y1="10" X2="20" Y2="100" />
  24                 <Line Stroke="Yellow" Height="50" StrokeThickness="10" X1="30" Y1="10" X2="30" Y2="100" />
  25                 <Line Stroke="Green"  Width="100" StrokeThickness="10" X1="40" Y1="10" X2="40" Y2="100" />
  26                 <Line Stroke="Blue"   Height="50" StrokeThickness="10" X1="50" Y1="10" X2="50" Y2="100" />
  27                 <Line Stroke="Purple" Width="100" StrokeThickness="10" X1="60" Y1="10" X2="60" Y2="100" />
  28         </Canvas>
  29 </Canvas>