MAKOTO3.NET Blog

図形を移動するのが<TranslateTransform>です。移動なので、形は変化しませんが、移動しながら回転させるなど、複数の変形を組み合わせるとき必要になります（複数の変形の組み合わせについては 複数の変形を組み合わせる～TransformGroupを参照 ）。X属性で右方向、Y属性で下方向の移動距離を指定します。次は<TranslateTransform>のサンプルです。

http://www.makoto3.net/xaml/silverlight0052/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>
   <TranslateTransform X="100" Y="100"/>
  </Rectangle.RenderTransform>
 </Rectangle>
</Canvas>

JavaScriptでSilverlight 目次

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