MAKOTO3.NET Blog

図形を傾けるには、<SkewTransform>を利用します。傾ける角度はAngleX属性とAngleY属性で指定します。サンプルを示します。

http://www.makoto3.net/xaml/silverlight0050/index.html

ソースは次とおりです。

【myxaml.xaml】

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 <MediaElement x:Name="myMediaElement"  Source="../silverlight0043/bear.wmv"  Opacity="0" IsMuted="True" />
 <Rectangle Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" StrokeThickness="10" Stroke="#ff8800">
  <Rectangle.Fill>
   <VideoBrush SourceName="myMediaElement" />
  </Rectangle.Fill>
  <Rectangle.RenderTransform>
   <SkewTransform AngleX="15" AngleY="15" />
  </Rectangle.RenderTransform>
 </Rectangle>
</Canvas>

また、<RotateTransform>と同様に、CenterX属性とCenterY属性で傾きの中心を変更することもできます。

JavaScriptでSilverlight 目次

このページは xfy Blog Editor  を利用して作成されました。