Following is the HTML5 version of an SVG example which would draw a rectangle using tag −
<!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> <body> <h2 align="center">HTML5 SVG Rectangle</h2> <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <rect id="redrect" width="300" height="100" fill="red" /> </svg> </body> </html>
This would produce following result in HTML5 enabled latest version of Firefox.
One comment