The largest Interview Solution Library on the web


« Previous | 1 | 2 | 3 | Next »

HTML5 - SVG Polyline


Following is the HTML5 version of an SVG example which would draw a polyline using <polyline> tag:

<!DOCTYPE html>
<head>
<title>SVG</title>
<meta charset="utf-8" />
</head>
<body>
<h2>HTML5 SVG Polyline</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<polyline points="0,0 0,20 20,20 20,40 40,40 40,60" fill="red" />
</svg>
</body>
</html>

This would produce following result in HTML5 enabled latest version of Firefox.

HTML5 SVG Polyline

« Previous | 1 | 2 | 3 | Next »


copyright © 2014 - all rights riserved by javatechnologycenter.com