MARKUS

<UserControl

    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" x:Class="KCOM.Controls.SignManager"

        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"

        xmlns:local="clr-namespace:KCOM.Controls" Background="White"

        mc:Ignorable="d" Height="350" Width="1000">

    <UserControl.Resources>

        <FontFamily x:Key="MayQueen">pack://application:,,,/Resources/#May Queen</FontFamily>

    </UserControl.Resources>

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>

        </Grid.RowDefinitions>

        <Grid Margin="10">

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="Auto"/>

                <ColumnDefinition/>

                <ColumnDefinition Width="Auto"/>

                <ColumnDefinition Width="Auto"/>

            </Grid.ColumnDefinitions>

            <StackPanel Orientation="Horizontal" Visibility="Collapsed">

                <TextBlock Text="Input Signature as Text : " FontSize="14"/>

                <telerik:RadWatermarkTextBox x:Name="txtInput" WatermarkContent="Input Text" Width="150"/>

            </StackPanel>

            <telerik:RadButton Margin="10,0,10,0" Grid.Column="2" Click="Reset_Click" telerik:StyleManager.Theme="Office2016">

                <StackPanel Orientation="Horizontal">

                    <Image Source="/KCOM;component/Resources/Images/MenuImage_new/Rotate_Minus.png" Width="16" Height="16"/>

                    <TextBlock Text="Reset" FontSize="14" Margin="5,0,0,0"/>

                </StackPanel>

            </telerik:RadButton>

            <telerik:RadButton Margin="10,0,10,0" Grid.Column="3" Click="Save_Click" telerik:StyleManager.Theme="Office2016">

                <StackPanel Orientation="Horizontal">

                    <Image Source="/KCOM;component/Resources/Images/MenuImage_new/diskette2.png" Width="16" Height="16"/>

                    <TextBlock Text="Save" FontSize="14" Margin="5,0,0,0"/>

                </StackPanel>

            </telerik:RadButton>

        </Grid>

        <Grid  Grid.Row="1">

            <Grid.RowDefinitions>

                <RowDefinition Height="9*"/>

                <RowDefinition Height="Auto"/>

            </Grid.RowDefinitions>

            <TextBlock Text="Draws a signature." IsHitTestVisible="False" Grid.RowSpan="2" VerticalAlignment="Center" HorizontalAlignment="Center" FontStyle="Italic" FontSize="50" FontWeight="Bold" Foreground="#FFB2B2B2"/>

            <TextBlock Text="{Binding Text, ElementName=txtInput, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" x:Name="txtSignStr" IsHitTestVisible="False" Grid.RowSpan="2" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="150" Foreground="Black" FontFamily="/KCOM;component/Resources/#May Queen"/>

            <Canvas x:Name="editCanvas" Background="Transparent"   Margin="5,5" Height="220" ClipToBounds="True">

                <InkCanvas Grid.RowSpan="2" x:Name="SignCanvas" Height="220" VerticalAlignment="Stretch"  Background="Transparent" SourceUpdated="SignCanvas_SourceUpdated" StrokeCollected="SignCanvas_StrokeCollected" Width="{Binding ActualWidth, ElementName=editCanvas, Mode=OneWay}">

                    <InkCanvas.DefaultDrawingAttributes>

                        <DrawingAttributes Color="Black" Width="10" Height="10"/>

                    </InkCanvas.DefaultDrawingAttributes>

                </InkCanvas>

            </Canvas>

            <Rectangle Margin="10,10" Height="200" Stroke="#FF767676"/>

            <!--<Border Margin="10,10"  Width="200" Height="100" BorderThickness="1" BorderBrush="#FF767676"  VerticalAlignment="Top" HorizontalAlignment="Right">

                <Image x:Name="preview" Stretch="Fill"/>

            </Border>-->

        </Grid>

    </Grid>

</UserControl>