« 図形を回転する~RotateTransform | トップページ | 図形を傾ける~SkewTransform »

2008/02/19

図形を拡大・縮小する~ScaleTransform

図形をX方向(右方向)、Y方向(下方向)に拡大・縮小するのが<ScaleTransform>です。ScaleX属性でX方向、ScapeY属性でY方向の拡大・縮小率を指定できます。1.0より大きいと拡大、1.0より小さいと縮小です。次は、X方向に2倍に拡大したサンプルです。

http://www.makoto3.net/xaml/silverlight0049/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>
   <ScaleTransform ScaleX="2.0" ScaleY="1.0" />
  </Rectangle.RenderTransform>

 </Rectangle>
</Canvas>

なお、ScaleTransformにもCenterXとCenterY属性は用意されています。指定したらどうなるかは、、、試していません。

JavaScriptでSilverlight 目次


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

« 図形を回転する~RotateTransform | トップページ | 図形を傾ける~SkewTransform »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/39246/40170096

この記事へのトラックバック一覧です: 図形を拡大・縮小する~ScaleTransform :

« 図形を回転する~RotateTransform | トップページ | 図形を傾ける~SkewTransform »

2009年7月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

最近のトラックバック