WPF에서 StreamGeometry에 전체 타원을 그리는 방법은 무엇입니까?

Question

StreamGeometryContext에서 타원과 관련된 것으로 보이는 유일한 방법은 ArcTo입니다. 불행히도 타원을 그리기보다는 선을 결합하는 것이 중요합니다.

특히 호의 위치는 시작 및 끝 지점에 의해 결정됩니다. 완전한 타원의 경우 두 개는 분명히 일치하며 정확한 방향은 정의되지 않습니다.

지금까지 내가 찾은 크기 10, 10의 100, 100을 중심으로 타원을 그리는 가장 좋은 방법은 다음과 같이이다 :

꽤 추한이며, 또한 작은 "평면"영역 잎

using (var ctx = geometry.Open()) 
{ 
    ctx.BeginFigure(new Point(100+5, 100), isFilled: true, isClosed: true); 
    ctx.ArcTo(
     new Point(100 + 5*Math.Cos(0.01), 100 + 5*Math.Sin(0.01)), // need a small angle but large enough that the ellipse is positioned accurately 
     new Size(10/2, 10/2), // docs say it should be 10,10 but in practice it appears that this should be half the desired width/height... 
     0, true, SweepDirection.Counterclockwise, true, true); 
} 

(일반 확대/축소 수준에서는 표시되지 않음).

어떻게 StreamGeometryContext을 사용하여 전체 타원을 그릴 수 있습니까?

Answer 1

알다시피, ArcTo는 완전한 타원을 그릴 수 없습니다. 실제로 "평탄한"영역을 줄이려고하면 수치 적으로 불안정 해집니다. 또 다른 고려 사항은 아크 드로잉이 현대 하드웨어의 베 지어 드로잉보다 느리다는 것입니다. 이 가장 현대적인 시스템은 실제 타원을 그리기보다는 타원을 근사하기 위해 4 개의 베 지어 곡선을 사용합니다.

당신은 WPF의 EllipseGeometry는 다음 코드를 실행 DrawBezierFigure 메서드 호출에 침입하고, 디버거에서 PathFigure을 검사하여이 작업을 수행하는 것을 볼 수있다

는 :

using(var ctx = geometry.Open()) 
{ 
    var ellipse = new EllipseGeometry(new Point(100,100), 10, 10); 
    var figure = PathGeometry.CreateFromGeometry(ellipse).Figures[0]; 
    DrawBezierFigure(ctx, figure); 
} 

void DrawBezierFigure(StreamGeometryContext ctx, PathFigure figure) 
{ 
    ctx.BeginFigure(figure.StartPoint, figure.IsFilled, figure.IsClosed); 
    foreach(var segment in figure.Segments.OfType<BezierSegment>()) 
    ctx.BezierTo(segment.Point1, segment.Point2, segment.Point3, segment.IsStroked, segment.IsSmoothJoin); 
} 

위의 코드는 그릴 수있는 간단한 방법입니다 효율적인 타원을 StreamGeometry에 넣지 만 아주 특별한 경우 코드입니다.

public static class GeometryExtensions 
{ 
    public static void DrawGeometry(this StreamGeometryContext ctx, Geometry geo) 
    { 
    var pathGeometry = geo as PathGeometry ?? PathGeometry.CreateFromGeometry(geo); 
    foreach(var figure in pathGeometry.Figures) 
     ctx.DrawFigure(figure); 
    } 

    public static void DrawFigure(this StreamGeometryContext ctx, PathFigure figure) 
    { 
    ctx.BeginFigure(figure.StartPoint, figure.IsFilled, figure.IsClosed); 
    foreach(var segment in figure.Segments) 
    { 
     var lineSegment = segment as LineSegment; 
     if(lineSegment!=null) { ctx.LineTo(lineSegment.Point, lineSegment.IsStroked, lineSegment.IsSmoothJoin); continue; } 

     var bezierSegment = segment as BezierSegment; 
     if(bezierSegment!=null) { ctx.BezierTo(bezierSegment.Point1, bezierSegment.Point2, bezierSegment.Point3, bezierSegment.IsStroked, bezierSegment.IsSmoothJoin); continue; } 

     var quadraticSegment = segment as QuadraticBezierSegment; 
     if(quadraticSegment!=null) { ctx.QuadraticBezierTo(quadraticSegment.Point1, quadraticSegment.Point2, quadraticSegment.IsStroked, quadraticSegment.IsSmoothJoin); continue; } 

     var polyLineSegment = segment as PolyLineSegment; 
     if(polyLineSegment!=null) { ctx.PolyLineTo(polyLineSegment.Points, polyLineSegment.IsStroked, polyLineSegment.IsSmoothJoin); continue; } 

     var polyBezierSegment = segment as PolyBezierSegment; 
     if(polyBezierSegment!=null) { ctx.PolyBezierTo(polyBezierSegment.Points, polyBezierSegment.IsStroked, polyBezierSegment.IsSmoothJoin); continue; } 

     var polyQuadraticSegment = segment as PolyQuadraticBezierSegment; 
     if(polyQuadraticSegment!=null) { ctx.PolyQuadraticBezierTo(polyQuadraticSegment.Points, polyQuadraticSegment.IsStroked, polyQuadraticSegment.IsSmoothJoin); continue; } 

     var arcSegment = segment as ArcSegment; 
     if(arcSegment!=null) { ctx.ArcTo(arcSegment.Point, arcSegment.Size, arcSegment.RotationAngle, arcSegment.IsLargeArc, arcSegment.SweepDirection, arcSegment.IsStroked, arcSegment.IsSmoothJoin); continue; } 
    } 
    } 
} 

: 여기

using(var ctx = geometry.Open()) 
{ 
    ctx.DrawGeometry(new EllipseGeometry(new Point(100,100), 10, 10)); 
} 

가 DrawGeometry 확장 메소드의 구현 : 실제 실제로 I 그래서 간단히 작성할 수 StreamGeometryContext으로 임의의 형상을 그리기 위해 정의 된 여러 범용 확장 방법을 사용하여 또 다른 대안은 포인트를 직접 계산하는 것입니다. 타원에 대한 가장 좋은 근사값은 제어점을 반경의 (Math.Sqrt (2) -1) * 4/3으로 설정하면됩니다. 그래서 당신은 명시 적으로 포인트를 계산하고 다음과 같이 베 지어을 그릴 수 있습니다 :

const double ControlPointRatio = (Math.Sqrt(2)-1)*4/3; 

var x0 = centerX - radiusX; 
var x1 = centerX - radiusX * ControlPointRatio; 
var x2 = centerX; 
var x3 = centerX + radiusX * ControlPointRatio; 
var x4 = centerX + radiusX; 

var y0 = centerY - radiusY; 
var y1 = centerY - radiusY * ControlPointRatio; 
var y2 = centerY; 
var y3 = centerY + radiusY * ControlPointRatio; 
var y4 = centerY + radiusY; 

ctx.BeginFigure(new Point(x2,y0), true, true); 
ctx.BezierTo(new Point(x3, y0), new Point(x4, y1), new Point(x4,y2), true, true); 
ctx.BezierTo(new Point(x4, y3), new Point(x3, y4), new Point(x2,y4), true, true); 
ctx.BezierTo(new Point(x1, y4), new Point(x0, y3), new Point(x0,y2), true, true); 
ctx.BezierTo(new Point(x0, y1), new Point(x1, y0), new Point(x2,y0), true, true); 

또 다른 옵션은 두 ArcTo 호출을 사용하는 것입니다, 그러나 이것은 덜 효율적 전에 내가 언급 한 바와 같이. 당신이 그런 식으로 가고 싶다면 두 개의 ArcTo 호출에 대한 세부 사항을 알아낼 수있을 것입니다.