WPF에서 캔버스에 타원 셰이프의 위치를 ​​지정하는 방법은 무엇입니까?

Question

프로그래밍 방식으로 타원 셰이프를 만들었지 만 위치를 지정하는 속성을 찾을 수 없습니다. Lines에는 X1, Y1, X2, Y2가 있지만 타원 모양에는 가운데, 위치, X, Y 등이 없습니다. 어떻게해야합니까?

Answer 1

퍼팅 모양 그래서 캔버스 패널 (@ phoog의 응답 참조). 그러나 Grid 나 다른 패널에 배치하는 경우 Margin 속성을 수정하여 원하는 곳에 배치 할 수 있습니다. 대신 타원의 왼쪽 상단 모서리의 중심점을 지정하여 그렇게하고 싶었다면

, 당신이 할 수 있습니다 :

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; 
} 

나는 이것이 당신이 원하는 정확하게한다는 것을 확인하지 않은 컴파일러,하지만 잘하면 당신은 아이디어를 얻을.

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

Answer 2

Canvas.Left 및 Canvas.Top. 그것은 C# 코드에서 http://msdn.microsoft.com/en-us/library/ms751563.aspx

"어떻게 타원 또는 원을 그리려면"에 문서의 모든있어, 구문이 될 것이다 : 아마 수행해야 화면에 임의의 장소에서

Answer 3

을 당신은뿐만 아니라 시작과 끝 지점이있는 경우 : 다시 캔버스를 사용하여 비 캔버스 패널의 안쪽 여백을 사용을 통해 선호하는 방법,하지만 왼쪽 계산 상단이 여전히 적용됩니다 같은 원칙이 될 것입니다 반지름과 부울 값으로 시계 방향인지 아닌지에 대한 내 함수를 사용하십시오 :)

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); 
}