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>

আপনার হাতে চাপুন