@@ -88,4 +88,24 @@ square. square.mouseout(function() { console.log("out") - }) \ No newline at end of file + }) + + +BASIC TEXT EXAMPLE +----------------------------------------------------------------------------- + +Primer implements a basic version of Canvas' text api with standard DOM +elements since no major browser release yet offers this. Let's draw the text +"Hello, World!" in 12px Monaco in red at (0, 0) with a max width of 100px: + + var text = Primer.Layer() + text.font = "12px Monaco" + text.fillStyle = "#FF0000" + text.textAlign = "center" + text.fillText("Hello, World!", 0, 0, 100) + +The signature of fillText() is (text, x, y, width). The font attribute takes +standard CSS font values. + +The text API currently does not support any transformations except +translation. \ No newline at end of file README 966046c6259d89fe821fac577f4ad4581527f0d0 Tom Preston-Werner tom@mojombo.com http://github.com/mojombo/primer/commit/6dece5175fea20bcd570250617c8b68af4aaaf12 6dece5175fea20bcd570250617c8b68af4aaaf12 2008-10-24T17:51:44-07:00 2008-10-24T17:51:44-07:00 update readme with text info cdd163dc582233ea910ed8e317b1d095fc7ea51a Tom Preston-Werner tom@mojombo.com