<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>svg 6 elements</title> </head> <body> <h1>Hello SVG 6 Elements</h1> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" > <rect x="20" y="20" width="50" height="30" rx="5" ry=‘10‘></rect> <circle cx="100" cy="20" r="10"></circle> <ellipse cx="150" cy="20" rx="10" ry="5"></ellipse> <line x1="100" y1="100" x2="110" y2="90" style=‘stroke:rgb(99,99,99);stroke-width:2‘></line> <polygon points="100,100 150,150 139,123" style="fill:#cccccc; stroke:#000000;stroke-width:1"/> <polyline points="0,0 0,20 20,20 20,40 40,40 40,60" style="fill:white;stroke:red;stroke-width:2"/> </svg> </body> </html>
原文：http://www.cnblogs.com/stono/p/4655572.html