ایس وی جی <ellipse>

<ellipse> ਟੈਗ ਨੂੰ ਦੌਰਾ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

<ellipse> ਟੈਗ

<ellipse> ਟੈਗ ਨੂੰ ਦੌਰਾ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਦੌਰਾ ਗੋਲਾ ਨਾਲ ਬਹੁਤ ਮਿਲਦਾ-ਜੁਲਦਾ ਹੈ। ਅੰਤਰ ਵਿੱਚ ਇਹ ਹੈ ਕਿ ਦੌਰਾ ਦੇ x ਅਤੇ y ਰੈਡੀਅਸ ਵੱਖ-ਵੱਖ ਹੁੰਦੇ ਹਨ, ਜਦਕਿ ਗੋਲਾ ਦੇ x ਅਤੇ y ਰੈਡੀਅਸ ਬਰਾਬਰ ਹੁੰਦੇ ਹਨ।

ਨਿਮਨ ਕੋਡ ਨੂੰ ਨੋਟਬੁੱਕ ਵਿੱਚ ਕਾਪੀ ਕਰੋ, ਫਿਰ ਫਾਇਲ ਨੂੰ "ellipse1.svg" ਨਾਮ ਦੇ ਕੇ ਸੰਭਾਲੋ। ਇਹ ਫਾਇਲ ਆਪਣੇ web ਡਿਰੈਕਟਰੀ ਵਿੱਚ ਰੱਖੋ:

<?xml version ="1.0" standalone ="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"> 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width ="100%" height ="100%" version ="1.1">
xmlns ="http://www.w3.org/2000/svg">
<ellipse cx="300" cy="150" rx="200" ry="80"
style="fill:rgb(200,100,50);
stroke:rgb(0,0,100);stroke-width:2"/>
</svg>

ਕੋਡ ਵਿਸਥਾਰ:

  • cx ਪ੍ਰਤੀਯੋਗੀ ਪਰਿਭਾਸ਼ਿਤ ਗੋਲਕ ਦੀ x ਸਥਾਨਕ ਨੂੰ ਦੱਸਦਾ ਹੈ
  • cy ਪ੍ਰਤੀਯੋਗੀ ਪਰਿਭਾਸ਼ਿਤ ਗੋਲਕ ਦੀ y ਸਥਾਨਕ ਨੂੰ ਦੱਸਦਾ ਹੈ
  • rx ਪ੍ਰਤੀਯੋਗੀ ਪਰਿਭਾਸ਼ਿਤ ਪੱਧਰੀ ਰੈਡੀਅਸ ਨੂੰ ਦੱਸਦਾ ਹੈ
  • ry ਪ੍ਰਤੀਯੋਗੀ ਪਰਿਭਾਸ਼ਿਤ ਖੱਡੀ ਰੈਡੀਅਸ ਨੂੰ ਦੱਸਦਾ ਹੈ

مثال دیکھیئے

ਨਿਮਨ ਉਦਾਹਰਣ ਤਿੰਨ ਤਲਤਲੇ ਉੱਪਰ ਹੋਣ ਵਾਲੇ ਦੌਰੇ ਬਣਾਉਂਦਾ ਹੈ:

<?xml version ="1.0" standalone ="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"> 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width ="100%" height ="100%" version ="1.1">
xmlns ="http://www.w3.org/2000/svg">
<ellipse cx ="240" cy ="100" rx ="220" ry ="30"
style="fill:purple"/>
<ellipse cx="220" cy="70" rx="190" ry="20"
استایل ="فیل: لائم"/>
<ellipse cx ="210" cy ="45" rx ="170" ry ="15"
استایل ="فیل: وائیلیت"/>
</svg>

مثال دیکھیئے

نئی مثال دو کچھ دائیروں (ایک وائیلیٹ اور ایک وائیلیت) کو جوڑتی ہیں:

<?xml version ="1.0" standalone ="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"> 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width ="100%" height ="100%" version ="1.1">
xmlns ="http://www.w3.org/2000/svg">
<ellipse cx ="240" cy ="100" rx ="220" ry ="30"
استایل ="فیل: وائیلیت"/>
<ellipse cx ="220" cy ="100" rx ="190" ry ="20"
استایل ="فیل: وائیلیت"/>
</svg>

مثال دیکھیئے