Блог

Я в основном хочу создать частичный эллипс, скажем, половину эллипса, могу ли я сделать это, используя встроенный метод эллипса D3, если нет, то как я смогу это сделать?

Чтобы нарисовать половину эллипса с помощью 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 .