D3에서 부분 타원을 그리려면 어떻게해야합니까?

Question

기본적으로 부분 타원을 만들고 싶습니다. 반 타원이라고하면 inbuilt D3 타원 방법을 사용하여 만들 수 있습니까? 그렇다면 어떻게이 작업을 수행 할 수 있습니까?

Answer 1

SVG를 사용하여 반 타원을 그리려면 여전히 d3을 사용하여 검색합니다. 다음은 당신이 그리는 방법에 대한 자세한 내용을 알고 싶다면 여기,

<svg> 
    <clipPath id="cut-off-bottom"> 
     <rect height="100" width="200" y="0" x="0"> 
    </clipPath> 
    <ellipse clip-path="url(#cut-off-bottom)" ry="30" rx="100" cy="100" cx="100"> 
</svg> 

, 당신을위한 코드 링크 https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Clipping_and_masking입니다.