So legen Sie die position eine Ellipse der Form auf eine Leinwand in WPF?

Ich bin programmgesteuert erstellen Sie eine Ellipse der Form, aber ich finde keine Eigenschaft, die angibt, seine position. Lines haben X1, Y1, X2, Y2, aber es gibt kein Zentrum, Position, X, Y, etc. auf einer Ellipse Form. Wie kann ich dies tun?

InformationsquelleAutor der Frage Joan Venge | 2011-04-08

  1. 19

    Setzen Formen in beliebigen stellen auf dem Bildschirm, sollte wohl so geschehen in einem Canvas-Panel (siehe @phoog Antwort). Aber wenn Sie platzieren diese in ein Netz oder einen anderen panel statt, können Sie immer ändern Sie die Margin-Eigenschaft, um es zu platzieren, wo Sie es wollen.

    Wenn Sie das tun wollten, so dass durch die Angabe des Mittelpunktes anstelle der oberen linken Ecke des die ellipse, Sie könnten dies tun:

    Ellipse CreateEllipse(double width, double height, double desiredCenterX, double desiredCenterY)
{
    Ellipse ellipse = new Ellipse { Width = width, Height = height };
    double left = desiredCenterX - (width / 2);
    double top  = desiredCenterY - (height/ 2);

    ellipse.Margin = new Thickness(left, top, 0, 0);
    return ellipse;
}

    Habe ich noch nicht überprüft, dass diese genau das tut, was Sie wollen in den compiler, aber hoffentlich bekommen Sie die Idee. Wieder mit Leinwand wäre die bevorzugte Methode, über die Verwendung von Margin-innen von nicht-Canvas-panel, aber das gleiche Prinzip der Berechnung von Links und oben würde noch gelten: 

    Canvas.SetLeft(ellipse, desiredCenterX - (width/2))
Canvas.SetTop(ellipse, desiredCenterY - (height/2))

    InformationsquelleAutor der Antwort viggity

  2. 13

    Leinwand.Linken und Canvas.Top. Es ist alles in der Dokumentation "How to Zeichnen Sie eine Ellipse oder einen Kreis" http://msdn.microsoft.com/en-us/library/ms751563.aspx

    In C# - code, die syntax würde sein:

    void CreateCanvasWithEllipse(double desiredLeft, double desiredTop)
{
    Canvas canvas = new Canvas();
    Ellipse ellipse = SomeEllipseConstructionMethod();
    Canvas.SetLeft(ellipse, desiredLeft);
    Canvas.SetTop(ellipse, desiredTop);
}

    InformationsquelleAutor der Antwort phoog

  3. -1

    Wenn Sie die start-und end-Punkte sowie die radius-und einem boolean für " wenn es sich im Uhrzeigersinn oder nicht, dann mit meiner Funktion 🙂

    function ellipse(x1, y1, x2, y2, radius, clockwise) {
    var cBx = (x1 + x2) / 2;    //get point between xy1 and xy2
    var cBy = (y1 + y2) / 2;
    var aB = Math.atan2(y1 - y2, x1 - x2);  //get angle to bulge point in radians
    if (clockwise) { aB += (90 * (Math.PI / 180)); }
    else { aB -= (90 * (Math.PI / 180)); }
    var op_side = Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2)) / 2;
    var adj_side = Math.sqrt(Math.pow(radius, 2) - Math.pow(op_side, 2));

    if (isNaN(adj_side)) {
        adj_side = Math.sqrt(Math.pow(op_side, 2) - Math.pow(radius, 2));
    }

    var Cx = cBx + (adj_side * Math.cos(aB));            
    var Cy = cBy + (adj_side * Math.sin(aB));
    var startA = Math.atan2(y1 - Cy, x1 - Cx);       //get start/end angles in radians
    var endA = Math.atan2(y2 - Cy, x2 - Cx);
    var mid = (startA + endA) / 2;
    var Mx = Cx + (radius * Math.cos(mid));
    var My = Cy + (radius * Math.sin(mid));
    context.arc(Cx, Cy, radius, startA, endA, clockwise);
}

    InformationsquelleAutor der Antwort Grant

Schreibe einen Kommentar