变形
<p>斜切变形 SkewTransform
<strong>描述</strong>: 通过 <code>SkewTransform</code> 实现水平和垂直方向的倾斜变形。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot;＞
&lt;Border.Background＞
&lt;ImageBrush ImageSource=&quot;/画刷/test.png&quot;＞ &lt;/ImageBrush ＞
&lt;/Border.Background ＞
&lt;Border.RenderTransform ＞
&lt;SkewTransform AngleX=&quot;20&quot; AngleY=&quot;20&quot;＞ &lt;/SkewTransform ＞
&lt;/Border.RenderTransform ＞
&lt;/Border&amp;</code></pre>
<h3>位移变形 TranslateTransform</h3>
<p><strong>描述</strong>: 通过 <code>TranslateTransform</code> 实现元素在水平和垂直方向的位移。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot;&amp;
&lt;Border.Background&amp;
&lt;ImageBrush ImageSource=&quot;/画刷/test.png&quot;&amp;&lt;/ImageBrush&amp;
&lt;/Border.Background&amp;
&lt;Border.RenderTransform&amp;
&lt;TranslateTransform X=&quot;10&quot; Y=&quot;10&quot;&amp;&lt;/TranslateTransform&amp;
&lt;/Border.RenderTransform&amp;
&lt;/Border&amp;</code></pre>
<h3>缩放变形 ScaleTransform</h3>
<p><strong>描述</strong>: 通过 <code>ScaleTransform</code> 缩放坐标系，利用坐标系实现水平和垂直方向的放大或缩小。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot;&amp;
&lt;Border.Background&amp;
&lt;ImageBrush ImageSource=&quot;/画刷/test.png&quot;&amp;&lt;/ImageBrush&amp;
&lt;/Border.Background&amp;
&lt;Border.RenderTransform&amp;
&lt;ScaleTransform ScaleX=&quot;1&quot; ScaleY=&quot;2&quot;&amp;&lt;/ScaleTransform&amp;
&lt;/Border.RenderTransform&amp;
&lt;/&amp;</code></pre>
<h3>旋转变形 RotateTransform</h3>
<p><strong>描述</strong>: 通过 <code>RotateTransform</code> 实现围绕指定点的旋转变形。<code>RenderTransformOrigin</code> 指定旋转中心点。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot; RenderTransformOrigin=&quot;0.5 0.5&quot;&amp;
&lt;Border.Background&amp;
&lt;ImageBrush ImageSource=&quot;/画刷/test.png&quot;&amp;&lt;/ImageBrush&amp;
&lt;/Border.Background&amp;
&lt;Border.RenderTransform&amp;
&lt;RotateTransform Angle=&quot;45&quot;&amp;&lt;/RotateTransform&amp;
&lt;/Border.RenderTransform&amp;
&lt;/Border&amp;</code></pre>
<h3>组合变形 TransformGroup</h3>
<p><strong>描述</strong>: 通过 <code>TransformGroup</code> 将多种变形组合在一起应用。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot; RenderTransformOrigin=&quot;0.5 0.5&quot;&amp;
&lt;Border.Background&amp;
&lt;ImageBrush ImageSource=&quot;/画刷/test.png&quot;&amp;&lt;/ImageBrush&amp;
&lt;/Border.Background&amp;
&lt;Border.RenderTransform&amp;
&lt;TransformGroup&amp;
&lt;ScaleTransform ScaleX=&quot;1&quot; ScaleY=&quot;2&quot;&amp;&lt;/ScaleTransform&amp;
&lt;RotateTransform Angle=&quot;45&quot;&amp;&lt;/RotateTransform&amp;
&lt;/TransformGroup&amp;
&lt;/Border.RenderTransform&amp;
&lt;/Border&amp;</code></pre>
<h3>矩阵变形 MatrixTransform</h3>
<p><strong>描述</strong>: 通过 <code>MatrixTransform</code> 直接使用矩阵进行复杂的变形操作，包括缩放、斜切和位移。</p>
<p>代码示例:</p>
<pre><code class="language-xml">&lt;Border Width=&quot;100&quot; Height=&quot;30&quot; Background=&quot;Orange&quot; RenderTransformOrigin=&quot;0.5 0.5&quot;&amp;
&lt;Border.RenderTransform&amp;
&lt;!-- 矩阵参数：缩放x, 斜切y, 斜切x, 缩放y, 位移x, 位移y --&amp;
&lt;MatrixTransform Matrix=&quot;0,1,1,0,0,0&quot;&amp;&lt;/MatrixTransform&amp;
&lt;/Border.RenderTransform&amp;
&lt;/Border&amp;</code></pre>
<p>这样能帮助你更清楚地了解和使用这些不同变形类型。有什么其他需求吗？</p>