README.md in svgen-0.0.1 vs README.md in svgen-0.0.2

- old
+ new

@@ -8,21 +8,48 @@ $ gem install svgen ``` ## Usage +### rect, circle, text + ```rb require "svgen" svg = SVGen::SVG.new(width: 600, height: 400) do |svg| svg.rect(width: 300, height: 200, fill: "blue") svg.circle(cx: 100, cy: 100, r: 50, fill: "red") + svg.text("Sample Text", x: 20, y: 20) end svg.generate #=> # <?xml version="1.0" encoding="UTF-8" standalone="no"?> # <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> # <svg width="600" height="300" xmlns="http://www.w3.org/2000/svg"> # <rect width="300" height="200" fill="blue"/> # <circle cx="100" cy="100" r="50" fill="red"/> +# <text x="20" cy="20">Sample Text</text> +# </svg> +``` + +### group + +```rb +require "svgen" + +svg = SVGen::SVG.new(width: 600, height: 400) do |svg| + svg.g(stroke: "red", "stroke-width" => 5) do |g| + g.rect(x: 50, y: 50, width: 100, height: 100) + g.circle(cx: 200, cy: 200, r: 50) + end +end +svg.generate +#=> +# <?xml version="1.0" encoding="UTF-8" standalone="no"?> +# <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +# <svg width="600" height="300" xmlns="http://www.w3.org/2000/svg"> +# <g stroke="red" stroke-width="5"> +# <rect x="50" y="50" width="100" height="100"/> +# <circle cx="200" cy="200" r="50"/> +# </g> # </svg> ```