From 1e4864e51e737d9fd6fb8b9a13021a14a23f8bf6 Mon Sep 17 00:00:00 2001
From: Marcin Kulik <marcin.kulik@gmail.com>
Date: Thu, 15 Mar 2012 21:37:48 +0100
Subject: [PATCH] Use proper textBaseline in canvas renderer

---
 .../javascripts/player/renderers/canvas.js.coffee   | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/app/assets/javascripts/player/renderers/canvas.js.coffee b/app/assets/javascripts/player/renderers/canvas.js.coffee
index 9f5016b..6cbabd2 100644
--- a/app/assets/javascripts/player/renderers/canvas.js.coffee
+++ b/app/assets/javascripts/player/renderers/canvas.js.coffee
@@ -28,17 +28,12 @@ class AsciiIo.Renderer.Canvas extends AsciiIo.Renderer.Base
     @font = "#{size} #{family}"
     @ctx.font = @font
     @prevFont = @font
+    @ctx.textBaseline = 'bottom'
 
   renderLine: (n, data, cursorX) ->
     left = 0
     width = @cols * @cellWidth
     top = n * @cellHeight
-    # bottom = (n + 1) * @cellHeight
-
-    # @ctx.clearRect(left, top + 1, width, @cellHeight)
-
-    # ctx.fillStyle = "#FFA500";
-    # @ctx.font = "12px monospace"
 
     for i in [0...@cols]
       d = data[i]
@@ -46,14 +41,12 @@ class AsciiIo.Renderer.Canvas extends AsciiIo.Renderer.Base
       if d
         [char, brush] = d
 
-        char = char.replace('&', '&amp;').replace('<', '&lt;')
-
         @setBackgroundAttributes(brush)
-        @ctx.fillRect left + i * @cellWidth, top + 1, @cellWidth, @cellHeight
+        @ctx.fillRect left + i * @cellWidth, top, @cellWidth, @cellHeight
 
         if char != ' '
           @setTextAttributes(brush)
-          @ctx.fillText char, i * @cellWidth, top + @cellHeight - 2
+          @ctx.fillText char, i * @cellWidth, top + @cellHeight
 
   setBackgroundAttributes: (brush) ->
     if brush.bg isnt undefined