SVG <ellipse>

SVG کرون - <ellipse>

<ellipse> عنصر کا استعمال کرون بنانے کے لئے ہوتا ہے۔

کرون کرون سے قریب ہیں۔ فرق یہ ہے کہ کرون کا x اور y نصف دایره مختلف ہیں، جبکہ دایره کا x اور y نصف دایره مساوی ہیں:

مثال 1

درج ذیل کا مثال کرون ایجاد می‌کند:

یہ SVG کوڈ ہے:

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

آزمایش کنید

کد تفسیر:

• cx پرزنسیپ کا معنا ہے کہ کرون کے مرکز کا x کوآرڈینٹ
• cy پرزنسیپ کا معنا ہے کہ کرون کے مرکز کا y کوآرڈینٹ
• rx پرزنسیپ کا معنا ہے کہ افقی نصف دایره
• ry پرزنسیپ کا معنا ہے کہ عمودی نصف دایره

مثال 2

درج ذیل کا مثال تین کرون (یعنی کرون که بر ایکدیگر مشترک می‌شوند) ایجاد می‌کند:

یہ SVG کوڈ ہے:

<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>

آزمایش کنید

مثال 3

درج ذیل کا مجموعہ دو کرون (ایک زرد اور ایک سفید) کو شامل کرتا ہے:

یہ SVG کوڈ ہے:

<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>

آزمایش کنید