2017-03-29 85 views
0

を使用せずに円を描き、私は次のパスの構文を使用してサークルを描くことができます理解:XAMLパス - WPFアプリケーションでは円弧

<Path 
    Stretch="Fill" 
    StrokeThickness="1" 
    Data="M -1,0 A 1,1 0 1 1 1,0 M -1,0 A 1,1 0 1 0 1,0" /> 

しかし、私にはないコンパイラではまだサポートして働いていますアーク(C# & XAML for HTML5)。

円を使用せずにこのサークルを描くにはどうすればよいですか? ポイント・バイ・ポイントのアイテム(本質的にヘキサゴン)を描くためのソリューションはありますか?

+1

代わりに 'Ellipse'を描画するのはどうですか? – lokusking

答えて

1

サークルを描きたい場合はコメントで述べた@lokuskingとしてEllpiseを描くことができます。あなたはこのようにすることができます。

<Ellipse Stroke="Black" StrokeThickness="1" Fill="Black"></Ellipse> 

もっと複雑なものを描画したい場合は、キャンバスを使用して行単位で図を描画してください。以下は六角形の例です。

<Viewbox Width="200" Height="200"> 
     <Canvas Width="400" Height="400"> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="0" 
      X2="200" 
      Y1="100" 
      Y2="0"/> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="200" 
      X2="400" 
      Y1="0" 
      Y2="100"/> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="400" 
      X2="400" 
      Y1="100" 
      Y2="300"/> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="400" 
      X2="200" 
      Y1="300" 
      Y2="400"/> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="200" 
      X2="0" 
      Y1="400" 
      Y2="300"/> 
     <Line 
      Stroke="Black" 
      StrokeThickness="2" 
      X1="0" 
      X2="0" 
      Y1="300" 
      Y2="100"/> 
     </Canvas> 
    </Viewbox> 

希望します。

3

Ellipse要素を描画するよりも、EllipseGeometryを使用する方がよいでしょう。

上/左揃えの代わりに、図面は特定の座標の中央に配置されます。さらに、StrokeThicknessは楕円の幅と高さの合計に寄与し、ジオメトリはレンダリングされた形状を正確に定義します。

<Path Stretch="Fill" StrokeThickness="1"> 
    <Path.Data> 
     <EllipseGeometry Center="0,0" RadiusX="1" RadiusY="1"/> 
    </Path.Data> 
</Path> 
+0

正確に私が探していたもの、ありがとうClemens !! –

関連する問題