テキスト(文字)の変形を行う方法
テキストの変形方法についての説明です。
表示方法やスタイル、改行等は下のプロパティを参考にしてください。
TranslateTransformを使ってX、Yを指定することで立体文字に見せかけています。
XAMLのサンプルソース
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="500" Height="200"
><TextBlock Canvas.Left="10" Canvas.Top="30" FontSize="20" >
<TextBlock.RenderTransform>
<SkewTransform AngleX="0" AngleY="-5" />
</TextBlock.RenderTransform>
1. Microsoft Silverlight1.0!!
</TextBlock><TextBlock Canvas.Left="10" Canvas.Top="60" FontSize="20" Foreground="#999999">
<TextBlock.RenderTransform>
<TranslateTransform X="-4" Y="-2" />
</TextBlock.RenderTransform>
1. Microsoft Silverlight1.0!!
</TextBlock><TextBlock Canvas.Left="10" Canvas.Top="60" FontSize="20" Foreground="#FF00FF" >
<TextBlock.RenderTransform>
<TranslateTransform X="0" Y="0" />
</TextBlock.RenderTransform>
1. Microsoft Silverlight1.0!!
</TextBlock></Canvas>
プロパティ
<LineBreak/> | テキストの途中で改行したい場合これを入れる。 |
FontSize | フォントのサイズ |
FontStyle |
フォントのスタイル |
FontWeight |
フォントの太さ |
FontFamily | フォントのタイプフェースを示すファミリー名 |
Foreground | TextBlock の内側を塗りつぶすための Brush。 |
Height | 高さ 例)Height="100" |
Width | 横幅 例)Width="100" |
Canvas.Top | 上端からxずらす 例)Canvas.Top="100" |
Canvas.Left | 左端からxずらす 例)Canvas.Left="100" |
Fill | 塗りつぶし 例)Fill="#000000" |
Stroke | 線の色 例)Stroke="#000000" |
StrokeThickness | 線の幅 例)StrokeThickness="5" |
Opacity | 透明度 |
Canvas.ZIndex | 重なりの順序 |
X1 | X座標の始点 |
X2 | Y座標の始点 |
X2 | X座標の終点 |
Y2 | Y座標の終点 |
Points | 折れ線で使用 |