# HG changeset patch
# User Jaroslav Tulach <jaroslav.tulach@apidesign.org>
# Date 1358889112 -3600
# Node ID 715a6c77b19e8956cd33866569c1d3a953ff82f0
# Parent  b5150a06c5d1d0f175232d85134a75d5e43760d5
Using canvas in the sample application

diff -r b5150a06c5d1 -r 715a6c77b19e mojo/src/main/resources/archetype-resources/src/main/java/App.java
--- a/mojo/src/main/resources/archetype-resources/src/main/java/App.java	Tue Jan 22 21:59:13 2013 +0100
+++ b/mojo/src/main/resources/archetype-resources/src/main/java/App.java	Tue Jan 22 22:11:52 2013 +0100
@@ -21,7 +21,10 @@
     
     @On(event = CLICK, id="hello")
     static void hello(Index m) {
-        Element.alert(m.getHelloMessage());
+        GraphicsContext g = m.CANVAS.getContext();
+        g.clearRect(0, 0, 1000, 1000);
+        g.setFont("italic 40px Calibri");
+        g.fillText(m.getHelloMessage(), 10, 40);
     }
     
     @ComputedProperty
diff -r b5150a06c5d1 -r 715a6c77b19e mojo/src/main/resources/archetype-resources/src/main/resources/index.xhtml
--- a/mojo/src/main/resources/archetype-resources/src/main/resources/index.xhtml	Tue Jan 22 21:59:13 2013 +0100
+++ b/mojo/src/main/resources/archetype-resources/src/main/resources/index.xhtml	Tue Jan 22 22:11:52 2013 +0100
@@ -8,6 +8,10 @@
         <h1 data-bind="text: helloMessage">Loading Bck2Brwsr's Hello World...</h1>
         Your name: <input data-bind="value: name, valueUpdate: 'afterkeydown'"></input>
         <button id="hello">Say Hello!</button>
+        <p>
+            <canvas id="canvas" width="300" height="50">
+            </canvas>
+        </p>
 
         <script src="/bck2brwsr.js"></script>
         <script src="/vm.js"></script>