Nested Canvas Objects : Canvas « Containers « Silverlight






  1. Silverlight
  2. Containers
  3. Canvas

Nested Canvas Objects

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Canvas>
    
      <Canvas Canvas.Left="0" Canvas.Top="0">
       <Polygon Points="50,150 200,1200 350,150"
                Fill="Blue" Stroke="Red"
                StrokeThickness="4"/>
      </Canvas>
    
      <Canvas Canvas.Left="50" Canvas.Top="150">
       <Rectangle Width="100" Height="50"
                  Canvas.Left="50" Canvas.Top="50"
                  Fill="Red" Stroke="Black"
                  StrokeThickness="4"/>
    
       <Rectangle Width="100" Height="50"
                  Canvas.Left="150" Canvas.Top="50"
                  Fill="Yellow" Stroke="Red"
                  StrokeThickness="4"/>
      </Canvas>
    </Canvas>
</UserControl>








Related examples in the same category

1.Positioning UI Elements with a CanvasPositioning UI Elements with a Canvas
2.A Simple Canvas Control and Three Image ControlsA Simple Canvas Control and Three Image Controls
3.Use tag rather than attribute to set canvas background
4.Add button to CanvasAdd button to Canvas
5.The Canvas.ZIndex is based on a number starting with 0 being the farthest backThe Canvas.ZIndex is based on a number starting with 0 being the farthest back
6.Create Canvas controls that contain other controls and even nest them in other Canvas or Grid controls.Create Canvas controls that contain other controls and even nest them in other Canvas or Grid controls.
7.To draw a rectangle, specify its Canvas.Top, Canvas.Left, Width, Height, and Fill colorTo draw a rectangle, specify its Canvas.Top, Canvas.Left, Width, Height, and Fill color
8.A basic Canvas elementA basic Canvas element
9.A basic Canvas with some content.A basic Canvas with some content.
10.Simple Canvas Layout
11.Set control position for Canvas
12.Get position on a Canvas with Canvas.GetLeft
13.Canvas dependantCanvas dependant
14.Canvas without Viewbox
15.Adding Rectangles to CanvasAdding Rectangles to Canvas
16.Put text on CanvasPut text on Canvas
17.Put control into a CanvasPut control into a Canvas
18.Canvas loaded eventCanvas loaded event
19.Set Canvas background to WhiteSet Canvas background to White
20.Add Thickness for Padding