Кисти в c # wpf (xaml - вектор) - PullRequest
0 голосов
/ 04 ноября 2019

Мне нужно рисовать на холсте, используя несколько шаблонов кистей, таких как «Paint» в ОС Windows. Мне нужны "масляная кисть" и "пастель". Как я понимаю, это возможно с помощью VisualBrush.Visual (Canvas с векторными контурами).

<UserControl x:Class="DrawingToolbar.DTBrushParamsContainer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:DrawingToolbar"
             xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
             mc:Ignorable="d" 
             d:DesignHeight="395" d:DesignWidth="500">

    <UserControl.Resources>
        <VisualBrush 
            x:Key="OilBrush" 
            TileMode="Tile" Viewport="0,0,10,10" 
            ViewportUnits="Absolute" Viewbox="0,0,10,10"    
            ViewboxUnits="Absolute">
            <VisualBrush.Visual>
                <Canvas Width="495.9968" Height="66.6656" ClipToBounds="True" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">

                </Canvas>
            </VisualBrush.Visual>
        </VisualBrush>
    </UserControl.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="1*" />
            <RowDefinition Height="55" />
        </Grid.RowDefinitions>


        <xctk:ColorCanvas x:Name="colorCanvas" Grid.Row="0" 
                          Background="Transparent"
                          Height="145" Width="237"
                          UsingAlphaChannel="False" Margin="0,27,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
        <Label Content="Цвет кисти:" HorizontalAlignment="Left" Height="27" VerticalAlignment="Top" Width="82"/>
        <Label Content="Толщина кисти:" HorizontalAlignment="Left" Height="27" VerticalAlignment="Top" Width="103" Margin="242,176,0,0"/>
        <Slider x:Name="brushSizeSlider" HorizontalAlignment="Left" Margin="242,203,0,0" VerticalAlignment="Top" Width="237" Maximum="100"/>
        <Label Content="Прозрачность цвета кисти:" HorizontalAlignment="Left" Height="27" VerticalAlignment="Top" Width="179" Margin="0,176,0,0"/>
        <Slider x:Name="transparencySlider" HorizontalAlignment="Left" Margin="0,203,0,0" VerticalAlignment="Top" Width="237" Maximum="255"/>
        <Label Content="Стиль кисти:" HorizontalAlignment="Left" Height="27" VerticalAlignment="Top" Width="103" Margin="242,0,0,0"/>
        <RadioButton x:Name="normalBrush_rb" Content="Обычная кисть" HorizontalAlignment="Left" Margin="242,27,0,0" VerticalAlignment="Top" IsChecked="True"/>
        <RadioButton x:Name="oilBrush_rb" Content="Кисть для масла" HorizontalAlignment="Left" Margin="242,77,0,0" VerticalAlignment="Top"/>
        <RadioButton x:Name="pastelBrush_rb" Content="Пастель" HorizontalAlignment="Left" Margin="242,127,0,0" VerticalAlignment="Top"/>

        <InkCanvas x:Name="normalBrush_ink" 
            Background="White"
            HorizontalAlignment="Left" Height="30" Margin="242,42,0,0" VerticalAlignment="Top" Width="248">

        </InkCanvas>

        <InkCanvas x:Name="oilBrush_ink" 
            Background="White"
            HorizontalAlignment="Left" Height="30" Margin="242,92,0,0" VerticalAlignment="Top" Width="248">

            <Line X1="10" X2="100" Y1="15" Y2="15" Visibility="Visible" StrokeThickness="5" Stroke="{StaticResource OilBrush}">
            </Line>

        </InkCanvas>

        <InkCanvas x:Name="pastelBrush_ink" 
            Background="White"
            HorizontalAlignment="Left" Height="30" Margin="242,142,0,0" VerticalAlignment="Top" Width="248"/>


    </Grid>
</UserControl>

В моем приложении мне нужно нарисовать линию на холсте с рисунком (образец для пользователя) и нарисовать, используя эторисунок мышью.

Можете ли вы помочь мне с рисованием, используя рисунок кисти (шаг за шагом) в xaml и | или программно? Это может быть вектор в xaml или файл изображения с использованием.

Кисти (.eps)

Кисти (.svg)

Исходная ссылка кисти

Шаблон кисти (.xaml)

Теперь я рисую в xaml, используя шаблон кисти, но этоэто не масляная кисть (как в приложении для рисования по умолчанию):

enter image description here

...