Path with ScaleTransformation : ScaleTransform « Graphics « Silverlight






Path with ScaleTransformation

Path with ScaleTransformation
  


<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 Margin="10">

        <Path Stroke="Blue" StrokeThickness="1" StrokeDashArray="2 1" Canvas.Top="25">
            <Path.Data>
                <PathGeometry>
                    <PathFigure>
                        <BezierSegment Point1="25,0" Point2="50,70" Point3="100,100" />
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
            <Path.RenderTransform>
                <ScaleTransform ScaleX="2.5"></ScaleTransform>
            </Path.RenderTransform>
        </Path>
        <Path Stroke="Blue" StrokeThickness="1" StrokeDashArray="2 1" Canvas.Left="250" Canvas.Top="25">
            <Path.Data>
                <PathGeometry>
                    <PathFigure>
                        <BezierSegment Point1="25,80" Point2="20,40" Point3="100,100" />
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
            <Path.RenderTransform>
                <ScaleTransform ScaleX="2.5"></ScaleTransform>
            </Path.RenderTransform>
        </Path>
    </Canvas>
</UserControl>

   
    
  








Related examples in the same category

1.Use ScaleTransform to transform an image
2.Scale the text using a ScaleTransformScale the text using a ScaleTransform
3.Scales a rectangle by 200% from a center of (0,0)
4.Scales a rectangle by 200% from a center of (25,25)
5.ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25)
6.Scales a rectangle by 200% from a center of (0.5,0.5)
7.ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)
8.ScaleTransform TransformationScaleTransform Transformation
9.Multiscaled Cubic Bezier CurvesMultiscaled Cubic Bezier Curves
10.Scale UpScale Up