User:Amit6/svgallshapes0001.js

 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  My First SVG 03 (All Shapes).svg               </g> <g transform="translate(700,200)"> <rect id="r2" x="0" y="0" width="200" height="100" rx="30" ry="30" fill="#c000ff" stroke="#000000" stroke-width="4" title="Rectangle with Rounded corners" /> </g> <g transform="translate(50,50)" fill="none" stroke="black" stroke-width="4"> <path id="p2" d="M0,200 C20,120 80,120 100,200 S180,280 200,200 " title="Path, Cubic Bézier curve" /> </g> <g transform="translate(300,200)" fill="none" stroke="black" stroke-width="4"> <path id="p2" d="M0,0 V100 L100,0 H50 " title="Path, Horizontal, Vertical and Straight lines" /> </g> <g transform="translate(450,200)" fill="none" stroke="black" stroke-width="4"> <path id="p2" d="M0,100 A150,150 0 0,1 200,100 M0,100 A110,180 0 0,1 200,100 M0,100 A100,100 0 0,0 100,200 A75,75 0 0,1 200,100 " title="Path, Circular and Elliptical Arcs" /> </g> <g transform="translate(50,300)"> <polygon fill="lime" stroke="blue" stroke-width="4" points="50,0 100,25 100,75 50,100 0,75 0,25" title="Polygon" /> </g> <g transform="translate(350,300)"> <line x1="0" y1="0" x2="50" y2="100" stroke="black" stroke-width="10" title="Line" /> </g> <g transform="translate(200,250),scale(2)"> <polyline fill="none" stroke="navy" stroke-width="4" points="0,100 0,50 10,50 10,100 20,100 20,50 30,50 30,100 40,100 40,50 50,50 50,100 " title="Polyline" /> </g>