<!DOCTYPE html>
<html>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
<html>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
The rendering process involves the following:
- SVG images are defined within <svg> ...... </svg> element.
- The width and height attributes of <svg> element is used to define the height and width of the SVG image.
- In the above example, <circle> element is used to draw a circle.
- cx and cy attribute is used to represent the center of the circle. Its default value is (0,0).
- r attribute is used to represent the radius of circle.
- Other attributes stroke and stroke-width is used to control the outlining of the circle.
- fill attribute is used to define the fill color of the circle.
0 comments:
Post a Comment