How to use Circle predefine SVG shape in XML

In this article I have describe about a circle in XML
  • 1699

Read about SVG here

Read about SVG shape here

Circle predefine SVG shape in XML

<circle> is use to create a circle and we show inside in any shapes in XML.

For example: Rectangle, Ellipse, Polygon etc. 

Example

<?xml version="1.0" encoding="utf-8" ?>

<html>

  <body>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">

      <circle cx="100" cy="50" r="40" fill="red" />

    </svg>

  </body>

</html>

Output

 SVG 1.jpg

Define the code

  • Xml define the namespace and version use the program.
  • The cx and cy defines the x and y coordinates center of the circle .The circle's center is set to (0, 0).
  • The r attribute defines the radius of the circle and the color is red.

You may also want to read these related articles :

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.