문제 설명
javascript/svg에서 호로 양면이 있는 상자 그리기 (Drawing a box with two sides as an Arc in javascript/svg)
이런 모양을 만들려고 합니다.
이 소파를 구했습니다
하지만 오른쪽 호가 안쪽이 아닌 바깥쪽으로 향하도록 할 수 없습니다. 이 작업을 수행하는 방법에 대한 온라인 도움말을 찾을 수 없습니다. 회전을 시도하고 rx,ry를 가지고 놀았지만 운이 없었습니다.
여기에 JSFiddle이 있습니다.
참조 솔루션
방법 1:
On the first arc, you simply need to flip the sweep‑flag to "clockwise":
https://developer.mozilla.org/en‑US/docs/Web/SVG/Attribute/d#elliptical_arc_curve
<svg height="200" width="300">
<g stroke="none" fill="blue">
<path d="
M 150 0
a 1 1 0 0 1 0 100
l ‑100 0
a 1 1 0 0 0 0 ‑100
l 100 0
Z
"/>
</g>
</svg>_D3/SVG: 범위를 수정하여 시간 척도로 d3.svg.axis의 크기를 조정하는 방법은 무엇입니까? (D3/SVG: How to resize a d3.svg.axis with time scale by modifying range?)){kind=link}
_snap.svg에서 그룹의 요소/자식을 반복하는 방법은 무엇입니까? (How to iterate on a group's elements/children in snap.svg?)){kind=link}