WPF Tranform-Flip Image

Use a ScaleTransform with a ScaleX of -1 for horizontal and ScaleY of -1 for vertical flipping, applied to the image's RenderTransform property. Using RenderTransformOrigin="0.5,0.5" on the image makes sure your image gets flipped around its center, so you won't have to apply an additional TranslateTransform to move it into place:

?

1 2 3 4 5

<Image Source="a.jpg" Padding="5" RenderTransformOrigin="0.5,0.5">   <Image.RenderTransform>     <ScaleTransform ScaleX="-1"/>   </Image.RenderTransform> </Image>

 

for horizontal flipping and

?

1 2 3 4 5

<Image Source="a.jpg" Padding="5" RenderTransformOrigin="0.5,0.5">   <Image.RenderTransform>     <ScaleTransform ScaleY="-1"/>   </Image.RenderTransform> </Image>

 

for vertical.

If you want to do it in code-behind, in C# it should look something like this:

?

1 2 3 4 5

img.RenderTransformOrigin = new Point(0.5,0.5); ScaleTransform flipTrans = new ScaleTransform(); flipTrans.ScaleX = -1; //flipTrans.ScaleY = -1; img.RenderTransform = flipTrans;

 

Rotate and scale ImageBrush

 

?

1 2 3 4

TransformGroup tg = new Transformgroup(); tg.Children.Add(rotateTransform); tg.Children.Add(scaleTransform); bgbrush.RelativeTransform = tg;

 

参考

how to flip Image in wpf

Rotate and scale ImageBrush