[C#/WPF] InkCanvas 엘리먼트 : Strokes 속성을 사용해 바인딩하기

■ InkCanvas 엘리먼트의 Strokes 속성을 사용해 바인딩하는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"  />
            <ColumnDefinition Width="10" />
            <ColumnDefinition Width="*"  />
        </Grid.ColumnDefinitions>
        <Border Grid.Column="0"
            BorderThickness="1"
            BorderBrush="Black">
            <InkCanvas Name="inkCanvas1"
                Background="LightGray" />
        </Border>
        <Border Grid.Column="2"
            BorderThickness="1"
            BorderBrush="Black">
            <InkCanvas Name="inkCanvas2"
                Background="LightBlue"
                Strokes="{Binding ElementName=inkCanvas1, Path=Strokes}">
                <InkCanvas.LayoutTransform>
                    <ScaleTransform
                        ScaleX="-1"
                        ScaleY="1" />
                </InkCanvas.LayoutTransform>
            </InkCanvas>
        </Border>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Border Grid.Column="0"

BorderThickness="1"

BorderBrush="Black">

<InkCanvas Name="inkCanvas1"

Background="LightGray" />

</Border>

<Border Grid.Column="2"

BorderThickness="1"

BorderBrush="Black">

<InkCanvas Name="inkCanvas2"

Background="LightBlue"

Strokes="{Binding ElementName=inkCanvas1, Path=Strokes}">

<InkCanvas.LayoutTransform>

<ScaleTransform

ScaleX="-1"

ScaleY="1" />

</InkCanvas.LayoutTransform>

</InkCanvas>

</Border>

</Grid>

</Window>

TestProject.zip