SVG <ellipse>

<ellipse> ট্যাগ এলিপ্স তৈরির জন্য ব্যবহৃত হয়

<ellipse> ট্যাগ

<ellipse> ট্যাগ এলিপ্স তৈরির জন্য ব্যবহৃত হয়। এলিপ্স এবং বন্ধনী খুবই মিল করে, কিন্তু এলিপ্সের x এবং y রেডিয়াস ভিন্ন এবং বন্ধনীর x এবং y রেডিয়াস একই

নিচের কোডটি মুদ্রণকারীতে কপি করুন, এবং ফাইলটিকে "ellipse1.svg" নামে সংরক্ষণ করুন। এই ফাইলটিকে আপনার web ডিরেক্টরিতে রাখুন:

<ellipse cx="210" cy="45" rx="170" ry="15"
নিচের উদাহরণটি দুটি অবকেশ যোগ করে (একটি সবুজ এবং একটি সাদা): 
<?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">
<ellipse cx="300" cy="150" rx="200" ry="80"
style="fill:rgb(200,100,50);
stroke:rgb(0,0,100);stroke-width:2"/>
style="fill:white"/>

কোডটি ব্যাখ্যা:

  • cx এক্সপ্রেশন কোর্নার এর x কোণ্ডার নির্দিষ্ট করে
  • cy এক্সপ্রেশন কোর্নার এর y কোণ্ডার নির্দিষ্ট করে
  • rx এক্সপ্রেশন ভিক্টরিক রেডিয়াস নির্দিষ্ট করে
  • ry এক্সপ্রেশন ভিক্টরিক রেডিয়াস নির্দিষ্ট করে

</svg>

এই উদাহরণটি তিনটি উপরের এলিপ্সকে তৈরি করে:

<ellipse cx="210" cy="45" rx="170" ry="15"
নিচের উদাহরণটি দুটি অবকেশ যোগ করে (একটি সবুজ এবং একটি সাদা): 
<?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"
style="fill:purple"/>
<ellipse cx="220" cy="70" rx="190" ry="20"
style="fill:lime"/>


</svg>


style="fill:lime"/>


<ellipse cx="210" cy="45" rx="170" ry="15"
নিচের উদাহরণটি দুটি অবকেশ যোগ করে (একটি সবুজ এবং একটি সাদা): 
<?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">
style="fill:yellow"/>
<ellipse cx="220" cy="100" rx="190" ry="20"
style="fill:white"/>


</svg>