SVG/XAML : 화살표 모양의 경로 정의

Question

SVG (실제로 XAML)를 사용하여 아래쪽 화살표 모양의 경로를 정의하려고합니다.

| 
    | 
\ |/
\ |/
    \/
    ` 

화살표의 가장자리가 날카로운 것이 중요합니다. M, L 및 z의 다양한 조합으로 시도했지만 성공하지 못했습니다.

Answer 1

약간의 연구를 한 후에, 나는 그러한 것이 단일 경로 을 쉽게 할 수 있다고 생각하지 않습니다. XAML 화살표 라이브러리를 찾은 다음 원하는 방식으로 원하는대로 화살표를 회전하기 위해 속임수를 사용하여이 모든 문제를 해결할 수있었습니다.

Answer 2

inkscape와 같은 것을 사용하고 화살표를 디자인하는 것이 좋습니다 (그냥 선을 그려서 선택하고 오브젝트> 채우기/윤곽선> 패턴 및 윤곽선> 엔드 마커로 이동) 다음 pdf로 저장하고 * 이름을 변경하십시오. pdf를 * .ai로 열고 블렌드를 열고 ai 파일을 Adobe Illustrator로 가져옵니다. 조금 어렵지만, 여전히 블렌드를 사용하는 것보다 더 선호합니다. (독일어로 번역되었으므로 일부 메뉴 항목이 약간 다를 수 있습니다.)

Answer 3

SVG 사양에서 this example을 확인하십시오. 구석의 선명도에 따라 'stroke-miterlimit' property을 조정할 수 있습니다.

Answer 4

나는 위의 답변에 동의합니다.

당신 (그리고 당신의 독자들)은 라파엘 (아직 없다면)의 출현과 SVG 세계에 대한 나의 제물에 주목해야합니다.

저는 Raphael과 SVG에서 1 년간 일해 왔습니다. 내 홈페이지에이 링크는

http://www.irunmywebsite.com/

이 홈페이지는 W3C SVG 권고의 하이브리드 (여전히 수신 및/또는 잉크 스케이프/크로스 브라우저 SVG의 전원 스위치 사람들에게) 당신이 관심을 가질만한 SVG와 Raphael을 사용하면 javascript 라이브러리와 그 아래에있는 모든 리소스를 빠르게 사용할 수 있습니다.

감사합니다.

Answer 5

당신은 마커 요소에 대해 살펴해야 : (XAML Crancher에서 테스트)

painting_Markers

Answer 6

내가 SVG 모르는 그러나 이것은 XAML의 날카로운 모서리를 생성합니다을

<Path Data="M 10 0 L 10 20 0 10 0 15 12.5 27.5 25 15 25 10 15 20 15 0 z" Stroke="Black"/>