回答編集履歴

  > Rectangle、EllipseをInkCanvasEditingMode.EraseByPointで消せるようにしたいと考えているのですが可能なのでしょうか？

 

  `EditingMode`を変えるだけなんですから、やってみればいいんでは？（10秒で試せると思うのですが）

 

  出来たらスゲーなと思いつつ試してみましたが、案の定できませんでした。。。

  `Children`に入れたものはあくまで背景？（というかInkの後ろ側に描画するだけ）であって、ストロークには含まれません。

  [InkCanvas.Strokes プロパティ (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.inkcanvas.strokes?view=net-6.0)

 

 

  > 別の方法でも構いませんので、なにかいい案がある方はぜひお力添えお願いします。

 

  どうにかして`Stroke`を作るしかなさそうですね。

 

  ググって出てきたのを参考にざっと作ってみました。

  ペン・消しゴム・四角・楕円・選択・ジェスチャ（四角・楕円のみ）モードがあります。

  <Window

  x:Class="Questions372920.MainWindow"

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

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

  xmlns:local="clr-namespace:Questions372920"

  Width="800"

  Height="450">

  <DockPanel>

  <UniformGrid HorizontalAlignment="Left" DockPanel.Dock="Top" Rows="1">

  <UniformGrid.Resources>

  <Style BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="RadioButton">

  <EventSetter Event="Checked" Handler="RadioButton_Checked" />

  </Style>

  </UniformGrid.Resources>

  <RadioButton Content="{x:Static local:MyInkMode.Pen}" IsChecked="True" />

  <RadioButton Content="{x:Static local:MyInkMode.Rect}" />

  <RadioButton Content="{x:Static local:MyInkMode.Ellipse}" />

  <RadioButton Content="{x:Static local:MyInkMode.Gesture}" />

  <RadioButton Content="{x:Static local:MyInkMode.Select}" />

  <RadioButton Content="{x:Static local:MyInkMode.Erase}" />

  </UniformGrid>

 

  <Grid>

  <InkCanvas

  Name="inkCanvas"

  Background="WhiteSmoke"

  EditingMode="Ink"

  Gesture="InkCanvas_Gesture"

  MouseLeftButtonDown="InkCanvas_MouseLeftButtonDown"

  MouseLeftButtonUp="InkCanvas_MouseLeftButtonUp"

  MouseMove="InkCanvas_MouseMove">

  <Rectangle

  Width="50"

  Height="50"

  InkCanvas.Left="50"

  InkCanvas.Top="50"

  Stroke="Red" />

  <Button Content="押せないよ" InkCanvas.Left="50" InkCanvas.Top="10" />

  <TextBlock InkCanvas.Left="50" InkCanvas.Top="110" Text="↑消せないよ" />

  </InkCanvas>

 

  <!-- 四角・楕円ツール使用中の仮表示 本来はAdornerなんかでやるべきだが本題でないので手抜き -->

  <Canvas Background="{x:Null}" ClipToBounds="True">

  <Ellipse

  x:Name="tmpEllipse"

  Fill="Red"

  Stroke="Black"

  StrokeThickness="2" />

  <Rectangle

  x:Name="tmpRect"

  Fill="Red"

  Stroke="Black"

  StrokeThickness="2" />

  </Canvas>

  </Grid>

  </DockPanel>

  </Window>

  ```

 

  using System;

  using System.Collections.Generic;

  using System.Windows;

  using System.Windows.Controls;

  using System.Windows.Ink;

  using System.Windows.Input;

  using System.Windows.Media;

  using System.Windows.Shapes;

 

 

  namespace Questions372920

  {

  public enum MyInkMode { Pen, Rect, Ellipse, Gesture, Select, Erase, };

 

  public partial class MainWindow : Window

  {

  private Point startPoint;

  private bool isDragging;

  private MyInkMode mode;

 

  public MainWindow() => InitializeComponent();

 

  private void RadioButton_Checked(object sender, RoutedEventArgs e)

  if (sender is RadioButton rb && rb.Content is MyInkMode m)

  mode = m;

  if (inkCanvas == null) return;

 

  switch (mode)

  {

  case MyInkMode.Pen: inkCanvas.EditingMode = InkCanvasEditingMode.Ink; break;

  case MyInkMode.Rect:

  case MyInkMode.Ellipse:

  inkCanvas.EditingMode = InkCanvasEditingMode.None;

  break;

  case MyInkMode.Gesture: inkCanvas.EditingMode = InkCanvasEditingMode.GestureOnly; break;

  case MyInkMode.Select: inkCanvas.EditingMode = InkCanvasEditingMode.Select; break;

  case MyInkMode.Erase: inkCanvas.EditingMode = InkCanvasEditingMode.EraseByPoint; break;

  }

 

  private void InkCanvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

  if (mode != MyInkMode.Rect && mode != MyInkMode.Ellipse) return;

 

  isDragging = true;

  startPoint = e.GetPosition(inkCanvas);

  inkCanvas.CaptureMouse();

 

  private void InkCanvas_MouseMove(object sender, MouseEventArgs e)

  if (!isDragging) return;

 

  Shape shape;

  switch (mode)

  case MyInkMode.Rect: shape = tmpRect; break;

  case MyInkMode.Ellipse: shape = tmpEllipse; break;

  default: return;

 

  var r = new Rect(startPoint, e.GetPosition(inkCanvas));

  r.Inflate(1, 1);

 

  Canvas.SetLeft(shape, r.X);

  Canvas.SetTop(shape, r.Y);

  shape.Width = r.Width;

  shape.Height = r.Height;

 

  private void InkCanvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

  if (mode != MyInkMode.Rect && mode != MyInkMode.Ellipse) return;

 

  inkCanvas.ReleaseMouseCapture();

  isDragging = false;

 

  var r = new Rect(startPoint, e.GetPosition(inkCanvas));

  switch (mode)

  case MyInkMode.Rect:

  AddRect(r.TopLeft, r.BottomRight);

  tmpRect.Width = tmpRect.Height = 0;

  break;

  case MyInkMode.Ellipse:

  AddEllipse(r.TopLeft, r.BottomRight);

  tmpEllipse.Width = tmpEllipse.Height = 0;

  break;

  default: return;

 

  private void InkCanvas_Gesture(object sender, InkCanvasGestureEventArgs e)

  var result = e.GetGestureRecognitionResults()[0];

  if (result.RecognitionConfidence != RecognitionConfidence.Strong) return;

 

  var r = e.Strokes.GetBounds();

  switch (result.ApplicationGesture)

  case ApplicationGesture.Square: AddRect(r.TopLeft, r.BottomRight); break;

  case ApplicationGesture.Circle: AddEllipse(r.TopLeft, r.BottomRight); break;

 

  private void AddRect(Point start, Point end)

  var n = new List<Point>();

  for (var i = start.Y; i < end.Y; i += 2) // えらい雑ｗ

  n.Add(new Point(start.X, i));

  n.Add(new Point(end.X, i));

  if (0 < n.Count)

  var s = new Stroke(new StylusPointCollection(n));

  s.DrawingAttributes.Color = Colors.Red;

  inkCanvas.Strokes.Add(s);

 

  var points = new Point[]

  new Point(start.X, start.Y),

  new Point(start.X, end.Y),

  new Point(end.X, end.Y),

  new Point(end.X, start.Y),

  new Point(start.X, start.Y),

  };

 

  var stroke = new Stroke(new StylusPointCollection(points));

  inkCanvas.Strokes.Add(stroke);

 

  private void AddEllipse(Point start, Point end)

  var a = (end.X - start.X) / 2;

  var b = (end.Y - start.Y) / 2;

  var offset = (Vector)((end - start) / 2 + start);

 

  var n = new List<Point>();

  for (var x = -a; x < a; x += 2) // さらに雑ｗ

  var y = b * Math.Sqrt(Math.Pow(a, 2) - Math.Pow(x, 2)) / a;

  n.Add(new Point(x, -y) + offset);

  n.Add(new Point(x, y) + offset);

  if (0 < n.Count)

  var s = new Stroke(new StylusPointCollection(n));

  s.DrawingAttributes.Color = Colors.Red;

  inkCanvas.Strokes.Add(s);

 

  var points = new List<Point>();

  for (var i = 0; i <= 360; i += 5)

  var x = a * Math.Cos(i / 180d * Math.PI);

  var y = b * Math.Sin(i / 180d * Math.PI);

  points.Add(new Point(x, y) + offset);

 

  var stroke = new Stroke(new StylusPointCollection(points));

  stroke.DrawingAttributes.FitToCurve = true;

  inkCanvas.Strokes.Add(stroke);

  }

  }

  ```

  

  参考

  [InkCanvas | HIROs.NET Blog](http://blog.hiros-dot.net/?page_id=3413)

  [WPF inkcanvas draws rectangles and ellipses | Develop Paper](https://developpaper.com/wpf-inkcanvas-draws-rectangles-and-ellipses/)

 

  ---

 

  > C# wpfにてペイントソフトを作ろうと思っています。

 

  `InkCanvas`は手書き・ジェスチャ認識等すごい機能もあるんですが、あくまでペン用であって例えば塗りつぶし機能はありません。

  ペイントソフトに向いているかというと微妙な気もします。

 

  「じゃあどうすりゃいいの？」ってことですが、わたしはこの手のものは全く興味がないので他の方を参考にしてください^^;

  [Search · wpf paint application](https://github.com/search?q=wpf+paint+application&type=Repositories)

 

  ---

 

  コメントで言及したChildrenに入れたコントロールが、（何もしなくても）移動・リサイズできちゃうの図