www/twilight.css @@ -4,6 +4,7 @@ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <link href="prawn.css" rel="stylesheet" type="text/css" /> +<link href="twilight.css" rel="stylesheet" type="text/css" /> </head> <body> @@ -26,7 +27,7 @@ </div> <h2>Building printable documents doesn't have to be hard</h2> -<img src="/media/prawn_logo.png" style="float: right;"> +<img src="media/prawn_logo.png" style="float: right;"> If you've ever needed to produce PDF documents before, in Ruby or another language, you probably know how much it can suck. Prawn takes the pain out of generating beautiful printable documents, while still remaining fast, tiny and nimble. It is also named after a majestic sea creature, and that has to count for something. @@ -43,8 +44,17 @@ a taste of what Prawn based programs looks like, <b Internationalized text in Prawn is as simple as providing UTF-8 strings for it to render, assuming you've got a Unicode aware TTF font handy. For those who are running on Ruby 1.9, any encoding that can be converted to UTF-8 will work out of the box! -<a href="media/utf8.pdf"><img src="media/utf8.png" style="padding-left: 1.5em;"/></a> - +<a href="media/utf8.pdf"> + + <pre class="textmate-source"><pre class="sunburst">Prawn::Document.generate("utf8.pdf") do + font "#{Prawn::BASEDIR}/data/fonts/DejaVuSans.ttf" + text "ὕαλον ϕαγεῖν δύναμαι· τοῦτο οὔ με βλάπτει." * 20 +end +</pre></pre> + + +</a> + <h3>-- Easy image embedding</h3> @@ -52,7 +62,22 @@ Prawn makes embedding JPEG and PNG images a breeze. With support for alpha tran including all the graphics you need in your documents. -<a href="media/image.pdf"><img src="media/images.png" style="padding-left: 1.5em;"/></a> +<a href="media/image.pdf"> + + + + <pre class="textmate-source"><pre class="sunburst">Prawn::Document.generate("image2.pdf", :page_layout => :landscape) do + pigs = "#{Prawn::BASEDIR}/data/images/pigs.jpg" + image pigs, :at => [50,450], :width => 450 + + dice = "#{Prawn::BASEDIR}/data/images/dice.png" + image dice, :at => [50, 450], :scale => 0.75 +end +</pre></pre> + + + +</a> <h3>-- Flexible table drawing</h3> @@ -63,7 +88,27 @@ documents rather than forcing them to write a ton of low level graphics drawing code. -<a href="media/fancy_table.pdf"><img src="media/tables.png" style="padding-left: 1.5em;"/></a> +<a href="media/fancy_table.pdf"> + + + <pre class="textmate-source"><pre class="sunburst">Prawn::Document.generate("fancy_table.pdf") do + + data = [["Gregory Brown", "gregory.t.brown@fakemail.test" ], + ["James Healy" , "jimmy@fakemail.test" ], + ["Ross Perot" , "ross@fakemail.test" ], + ["Al Gore" , "al@fakemail.test" ], + ["Ralph Nader" , "ralph@fakemail.test" ]] + + table data, + :position => :center, + :headers => ["Name", "Email"], + :row_colors => ["ffffff","ffff00"], + :vertical_padding => 5, + :horizontal_padding => 3 +end +</pre></pre> + +</a> <h3>-- Simplified content positioning</h3> @@ -74,7 +119,34 @@ Text can also be flowed within these sectioned off bounding boxes, so this makes it trivial to generate columns of text on the fly. -<a href="media/bounding_boxes.pdf"><img src="media/bounding_boxes.png"/></a> +<a href="media/bounding_boxes.pdf"> +  + <pre class="textmate-source"><pre class="sunburst">Prawn::Document.generate("bounding_boxes.pdf") do + + bounding_box [100,600], :width => 200 do + text "The rain in spain falls mainly on the plains " * 5 + stroke do + line bounds.top_left, bounds.top_right + line bounds.bottom_left, bounds.bottom_right + end + end + + bounding_box [100,500], :width => 200, :height => 200 do + stroke do + circle_at [100,100], :radius => 100 + line bounds.top_left, bounds.bottom_right + line bounds.top_right, bounds.bottom_left + end + + bounding_box [50,150], :width => 100, :height => 100 do + stroke_rectangle bounds.top_left, bounds.width, bounds.height + end + end +end + </pre></pre> + +  +</a> <h3>-- And loads more to come</h3> www/index.html 8f6d50c7a5bddfb4d4b2c814bad30947baa234e9 Colin A. Bartlett colin@kineticweb.com http://github.com/sandal/prawn/commit/631d2dbf237c7bc5eb0d80b78550d7568017dc7a 631d2dbf237c7bc5eb0d80b78550d7568017dc7a

2008-11-09T17:28:23-08:00

changed code snippets to actual text from images 585775fed5d7cf1d0fe2600a806d056871baf7f7 Colin A. Bartlett colin@kineticweb.com