This is the programs for creating a rainbow shape using svg element in html5.
<html>
<head>
<body>
<svg height="140" ">
<circle id = "circle" cx = "150" cy="150" r="150" fill = "violet" />
<circle id = "circle" cx = "150" cy="150" r="130" fill = "orange" />
<circle id = "circle" cx = "150" cy="150" r="110" fill = "yellow" />
<circle id = "circle" cx = "150" cy="150" r="90" fill = "blue" />
<circle id = "circle" cx = "150" cy="150" r="70" fill = "green" />
<circle id = "circle" cx = "150" cy="150" r="50" fill = "white" />
<circle id = "circle" cx = "150" cy="150" r="30" fill = "red" />
</svg>
</body>
</html>
<html>
<head>
<title>Smile</title>
</head><body>
<svg height="140" ">
<circle id = "circle" cx = "150" cy="150" r="150" fill = "violet" />
<circle id = "circle" cx = "150" cy="150" r="130" fill = "orange" />
<circle id = "circle" cx = "150" cy="150" r="110" fill = "yellow" />
<circle id = "circle" cx = "150" cy="150" r="90" fill = "blue" />
<circle id = "circle" cx = "150" cy="150" r="70" fill = "green" />
<circle id = "circle" cx = "150" cy="150" r="50" fill = "white" />
<circle id = "circle" cx = "150" cy="150" r="30" fill = "red" />
</svg>
</body>
</html>
Thank you
ReplyDelete