SVG <ellipse>

SVG Sufuri - <ellipse>

<ellipse> Yana da amfani wajen raba kowane sufuri.

Sufuri yana da kowane kwayar kwayan sama, farko ne kuma farko ne. Dabara ce yana da 'x' da 'y' radius kuma su ne daban-daban, kuma kwayar kwayan sama yana da 'x' da 'y' radius da su ne samuwa:

Tasirin 1

Tasirin da yana raba kowane sufuri (sufuri kuma aiki)

Iya SVG ni

<svg height="140" width="500">
  <ellipse cx="200" cy="80" rx="100" ry="50"
  style="fill:yellow;stroke:purple;stroke-width:2" />
</svg>

تجربة شخصية

Tsaɗan koda

• Tsaɗan 'cx' shine taɓa ceke ta hanyar 'x-coordinate' na tsaki
• Tsaɗan 'cy' shine taɓa ceke ta hanyar 'y-coordinate' na tsaki
• Tsaɗan 'rx' shine taɓa ceke ta hanyar 'radius' na tsaki
• Tsaɗan 'ry' shine taɓa ceke ta hanyar 'radius' na gaba

Tasirin 2

Tasirin da yana raba uku kuma yana karkashiya (sufuri kuma aiki)

Iya SVG ni

<svg height="150" width="500">
  <ellipse cx="240" cy="100" rx="220" ry="30" style="fill:purple" />
  <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime" />
  <ellipse cx="210" cy="45" rx="170" ry="15" style="fill:yellow" />
</svg>

تجربة شخصية

Tasirin 3

Tasirin da yana raba biyu na yanci (sufuri kuma aiki)

Iya SVG ni

<svg height="100" width="500">
  <ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" />
  <ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" />
</svg>

تجربة شخصية