Implement text methods

Author: martinRenou

examples/introduction.ipynb

@@ -107,6 +107,15 @@
     "c"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "c.fill_text('Hello World!!', 50, 50, 50)"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,

examples/numpy_heatmap.ipynb

@@ -16,10 +16,8 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "# make these smaller to increase the resolution\n",
     "dx, dy = 0.05, 0.05\n",
     "\n",
-    "# generate 2 2d grids for the x & y bounds\n",
     "y, x = np.mgrid[slice(1, 5 + dy, dy),\n",
     "                slice(1, 5 + dx, dx)]\n",
     "\n",

ipycanvas/canvas.py

@@ -31,6 +31,8 @@ class Canvas(DOMWidget):
     stroke_style = Color('black')
     global_alpha = Float(1.0)
 
+    font = Unicode('12px serif')
+
     def __init__(self, *args, **kwargs):
         self.caching = kwargs.get('caching', False)
         self._commands_cache = []
@@ -87,6 +89,15 @@ def quadratic_curve_to(self, cp1x, cp1y, x, y):
     def bezier_curve_to(self, cp1x, cp1y, cp2x, cp2y, x, y):
         self._send_canvas_command('bezierCurveTo', cp1x, cp1y, cp2x, cp2y, x, y)
 
+    # Text methods
+    def fill_text(self, text, x, y, maxWidth=None):
+        """Fill a given text at the given (x,y) position. Optionally with a maximum width to draw."""
+        self._send_canvas_command('fillText', text, x, y, maxWidth)
+
+    def stroke_text(self, text, x, y, maxWidth=None):
+        """Stroke a given text at the given (x,y) position. Optionally with a maximum width to draw."""
+        self._send_canvas_command('strokeText', text, x, y, maxWidth)
+
     def clear(self):
         """Clear the entire canvas."""
         self._commands_cache = []