2

DrawingContext.DrawingGeometry を使用して、共通のエッジを持つ 2 つの三角形を描画しています。この三角形を塗りつぶしたいのですが、ペンでストロークしないでください。以下に添付されたコードを使用すると、奇妙な結果が得られます (図を参照) - 三角形の間に小さなギャップがあります。私は何を間違っていますか？共通のエッジに余分な線を引くよりも良い方法はありますか?

XAML:

<Window x:Class="LearnDrawing.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:LearnDrawing" xmlns:wpfApplication1="clr-namespace:WpfApplication1"
        Title="Window1"
        Height="500"
        Width="500">
    <Grid>
        <wpfApplication1:DrawIt Width="400" Height="400" />
    </Grid>
</Window>

コード：

using System.Windows;
using System.Windows.Media;

namespace WpfApplication1
{
   class DrawIt : FrameworkElement
   {
      VisualCollection visuals;

      public DrawIt()
      {
         visuals = new VisualCollection(this);

         this.Loaded += new RoutedEventHandler(DrawIt_Loaded);
      }

      void DrawIt_Loaded(object sender, RoutedEventArgs e)
      {         
         var visual = new DrawingVisual();
         using (DrawingContext dc = visual.RenderOpen())
         {               
            var t1 = CreateTriangleGeometry(new Point(0, 0), new Point(200, 0), new Point(0, 200));
            var t2 = CreateTriangleGeometry(new Point(200, 0), new Point(200, 200), new Point(0, 200));
            dc.DrawGeometry(Brushes.Black, null, t1);             
            dc.DrawGeometry(Brushes.Black, null, t2);
         }
         visuals.Add(visual);
      }

      static PathGeometry CreateTriangleGeometry(Point aPt1, Point aPt2, Point aPt3)
      {
         var figure = new PathFigure();
         figure.StartPoint = aPt1;
         figure.Segments.Add(new PolyLineSegment(new []{aPt2, aPt3}, true));

         var pg = new PathGeometry();
         pg.Figures.Add(figure);
         figure.IsClosed = true;
         figure.IsFilled = true;

         return pg;
      }

      protected override Visual GetVisualChild(int index)
      {
         return visuals[index];
      }

      protected override int VisualChildrenCount
      {
         get
         {
            return visuals.Count;
         }
      }
   }
}

結果：

結果のスクリーンショット

4

1 に答える 1

1

EdgeModeビジュアルの を に設定できますEdgeMode.Aliased。

public DrawIt()
{
    RenderOptions.SetEdgeMode(this, EdgeMode.Aliased);
    ...
}

Visual.VisualEdgeModeプロパティも参照してください。

于 2013-09-20T11:40:43.343 に答える