画像を任意の角度で回転させたい

Question

実現したいこと

画像を回転したくて下記のコードで試しました。
回転角度は、45°、90°などでなく任意の double です。

以前のWinForm で使用したコードをWPFに置き換え用としていますが、下記のエラーでうまくいきません
WPFではどのようにするか教えてください

発生している問題・エラーメッセージ

catch (Exception ex) { }

「変換は、拡大縮小、反転、および 90 度回転の組み合わせでなければなりません。」というエラーがでます。
エラー番号は、吐かれていません。

該当のソースコード

        public static Bitmap RotateBitmap(Bitmap bmp, float angle, int x, int y)
        {
            Bitmap bmp2 = new Bitmap((int)bmp.Width, (int)bmp.Height);
            Graphics g = Graphics.FromImage(bmp2);
            g.Clear(Color.White);

            g.ResetTransform();     // TranslateTransform(-x, -y);
            g.RotateTransform(angle, System.Drawing.Drawing2D.MatrixOrder.Append);
            g.TranslateTransform(x, y, System.Drawing.Drawing2D.MatrixOrder.Append);

            g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBilinear;

            g.DrawImageUnscaled(bmp, 0, 0);
            g.Dispose();

            return bmp2;
        }

double imageShokenRotate = 0.3;

	// 画像を回転して補正
	var transformedBitmap = new TransformedBitmap();
	transformedBitmap.BeginInit();
	transformedBitmap.Source = sGazo;
	//transformedBitmap.Transform = new RotateTransform(imageShokenRotate, sGazo.Width / 2, sGazo.Height / 2);
	RotateTransform abc = new RotateTransform();
	abc.Angle = imageShokenRotate;
	abc.CenterX = sGazo.Width / 2;
	abc.CenterY = sGazo.Height / 2;
	transformedBitmap.Transform = abc;

	transformedBitmap.EndInit(); 　　<- ここでエラー

補足情報（FW/ツールのバージョンなど）

Windows11 VS2019 WPF C#

Answer 1

画像を任意の角度で回転させたい

WPFの場合Image自体を回してしまえばほぼ用が済むため、画像そのものの回転例って見つけにくいですね...

いくつか試したところ、DrawingContextでやるのが自由度が高そうでした。
DrawingContext クラス (System.Windows.Media) | Microsoft Learn

ほぼコンパチにしたつもりですが、あまりわかってないので間違っていたらすいません。

<Window
  x:Class="Qesstnak6tkab7r.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="600"
  SizeToContent="Height"
  Slider.ValueChanged="ValueChanged">
  <StackPanel>
    <UniformGrid Height="200" Background="LightGray" Rows="1">
      <HeaderedContentControl HorizontalAlignment="Center" VerticalAlignment="Center" Header="original">
        <Image x:Name="image1" Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u14/141642/L2BhZF1d_thumbnail.jpg" Stretch="None" />
      </HeaderedContentControl>

      <HeaderedContentControl HorizontalAlignment="Center" VerticalAlignment="Center" Header="BitmapSource Rotate">
        <Image x:Name="image2" Stretch="None" />
      </HeaderedContentControl>

      <HeaderedContentControl HorizontalAlignment="Center" VerticalAlignment="Center" Header="Image Rotate">
        <Grid
          HorizontalAlignment="Center"
          VerticalAlignment="Center"
          Background="White"
          ClipToBounds="True">
          <Image Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u14/141642/L2BhZF1d_thumbnail.jpg" Stretch="None">
            <Image.RenderTransform>
              <TransformGroup>
                <RotateTransform Angle="{Binding Value, ElementName=angle}" />
                <TranslateTransform X="{Binding Value, ElementName=x}" Y="{Binding Value, ElementName=y}" />
              </TransformGroup>
            </Image.RenderTransform>
          </Image>
        </Grid>
      </HeaderedContentControl>
    </UniformGrid>

    <HeaderedContentControl Margin="10" Header="angle">
      <Slider x:Name="angle" Maximum="360" />
    </HeaderedContentControl>
    <HeaderedContentControl Margin="10" Header="x">
      <Slider x:Name="x" Maximum="100" Minimum="-100" />
    </HeaderedContentControl>
    <HeaderedContentControl Margin="10" Header="y">
      <Slider x:Name="y" Maximum="100" Minimum="-100" />
    </HeaderedContentControl>
  </StackPanel>
</Window>

using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace Qesstnak6tkab7r
{
    public partial class MainWindow : Window
    {
        public MainWindow() => InitializeComponent();

        private void ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            if (image1.Source is BitmapSource bmp)
            {
                image2.Source = RotateBitmap(bmp, angle.Value, x.Value, y.Value);
            }
        }

        private static BitmapSource RotateBitmap(BitmapSource bmp, double angle, double x, double y)
        {
            var drawingVisual = new DrawingVisual();
            using (var drawingContext = drawingVisual.RenderOpen())
            {
                drawingContext.DrawRectangle(Brushes.White, null, new Rect(0, 0, bmp.PixelWidth, bmp.PixelHeight));
                drawingContext.PushTransform(new TranslateTransform(x, y));
                drawingContext.PushTransform(new RotateTransform(angle));
                drawingContext.DrawImage(bmp, new Rect(0, 0, bmp.PixelWidth, bmp.PixelHeight));
            }

            var bmp2 = new RenderTargetBitmap(bmp.PixelWidth, bmp.PixelHeight, 96, 96, PixelFormats.Default);
            bmp2.Render(drawingVisual);
            bmp2.Freeze();
            return bmp2;
        }
    }
}

Comments

[byori]

TN8001 様、いつもお世話にあります。

完璧なコードです。
DrawingVisual() は、勉強になります。ありがとうございます。

[TN8001]

> WPFの場合Image自体を回してしまえばほぼ用が済むため

の例追加