Перемещение штрихов между InkCanvas с изменением цвета фона только штрихов? (WPF)

Question

Допустит, у меня есть три слоя (снизу вверх),

1. InkCanvas (самый низкий уровень Z)
2. InkCanvas (используемый для записи),
3. InkCanvas (самый высокий г уровень, сверху, используется для рисования).

В MVVM (WPF), как можно перенести удары с самого высокого уровня z на нижний уровень уровня z? (При перемещении ограничивающий прямоугольник штрихов должен быть заполнен желтым цветом. То есть цвет фона только область, охватывающая штрихи, должна быть окрашена в желтый цвет - остальная часть InkCanvas должна оставаться прозрачный.) Кроме того, я хочу сохранить штрихи в тех же координатах в целевом InkCanvas.

ТИА

Answer 1

Если я правильно понял, то вы можете просто добавить дополнительный слой снизу для желтых прямоугольников и перемещать штрихи от верхнего слоя к другому слою, как только они будут созданы.

XAML:

<Grid> 
    <Canvas x:Name="canvas"/> 
    <InkPresenter x:Name="inkPresenter"/> 
    <InkCanvas x:Name="inkCanvas" StrokeCollected="InkCanvas_StrokeCollected" Background="Transparent"/> 
</Grid> 

код позади:

void InkCanvas_StrokeCollected(object sender, InkCanvasStrokeCollectedEventArgs e) { 
    var stroke = e.Stroke; 
    inkCanvas.Strokes.Remove(stroke); 
    inkPresenter.Strokes.Add(stroke); 
    var bounds = stroke.GetBounds(); 
    var yellowRect = new Rectangle { Width = bounds.Width, Height = bounds.Height, Fill = Brushes.Yellow }; 
    Canvas.SetLeft(yellowRect, bounds.X); 
    Canvas.SetTop(yellowRect, bounds.Y); 
    canvas.Children.Add(yellowRect); 
}