MAKOTO3.NET Blog

<Polyline> の始点と終点を自動的につないで多角形を描くのが<Polygon>です。用意されている属性は<Polyline>とほぼ同じですが、内部を塗りつぶすFill属性を指定できるのが、<Polyline>との違いです。次はサンプルです。

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

ソースは次のとおりです。

【myxaml.xaml】

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Polygon Points="10,10 10,80 80,80"
     Stroke="green" StrokeThickness="5" Fill="red" />
<Polygon Points="110,10 110,80 180,80 180,10"
     Stroke="blue" StrokeThickness="10" Fill="skyblue" />
<Polygon Points="210,10 245,80 290,10"
     Stroke="crimson" StrokeThickness="5" Fill="yellow" />

<Polygon Points="10,110 10,180 45,155 80,180 80,110"
     Stroke="gray" StrokeThickness="8" Fill="white" />
<Polygon Points="140,118 200,118 230,170 200,222 140,222 110,170"
     Stroke="navy" StrokeThickness="15" Fill="orange" />

<Polygon Points="110,88 170,88 200,140 170,192 110,192 80,140"
     Stroke="red" StrokeThickness="15" Fill="black" Opacity="0.3" />

<Polygon Points="10,200 10,280 100,280 100,250 150,200"
     Stroke="green" StrokeThickness="15" />

<Polygon Points="150,150 150,280 280,280 280,100"
   Stroke="pink" StrokeThickness="10"
      Canvas.ZIndex="-1" Fill="black" />
</Canvas>

サンプルで使用した属性は次のとおりです。

なお、Fillを指定しない場合は透明になるようです（Fill="transparent"と同じ）。

JavaScriptでSilverlight 目次

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