Default the layout to the canvas size

Author: martinRenou

examples/introduction.ipynb

@@ -24,8 +24,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "c = ipycanvas.Canvas()\n",
-    "c.layout.height = '200px'\n",
+    "c = ipycanvas.Canvas(size=(200, 200))\n",
     "\n",
     "c"
    ]
@@ -50,10 +49,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "c = ipycanvas.Canvas(stroke_style='red', size=(700, 200))\n",
-    "c.layout.width = '700px'\n",
-    "c.layout.height = '200px'\n",
-    "\n",
+    "c = ipycanvas.Canvas(stroke_style='red', size=(200, 200))\n",
     "c"
    ]
   },
@@ -64,7 +60,6 @@
    "outputs": [],
    "source": [
     "# Draw smiley face\n",
-    "# c.stroke_style='red'\n",
     "c.begin_path()\n",
     "c.arc(75, 75, 50, 0, pi * 2, True) # Outer circle\n",
     "c.move_to(110, 75)\n",
@@ -82,8 +77,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "c = ipycanvas.Canvas(size=(700, 200))\n",
-    "c.layout.height = '200px'\n",
+    "c = ipycanvas.Canvas(size=(200, 200))\n",
     "\n",
     "c"
    ]
@@ -112,8 +106,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "c = ipycanvas.Canvas(size=(700, 200))\n",
-    "c.layout.height = '200px'\n",
+    "c = ipycanvas.Canvas(size=(150, 150))\n",
     "\n",
     "c"
    ]
@@ -210,8 +203,6 @@
    "outputs": [],
    "source": [
     "c = ipycanvas.Canvas(size=(150, 150))\n",
-    "c.layout.width = '150px'\n",
-    "c.layout.height = '150px'\n",
     "\n",
     "c"
    ]

ipycanvas/canvas.py

@@ -25,6 +25,11 @@ class Canvas(DOMWidget):
     stroke_style = Color('black').tag(sync=True)
     global_alpha = Float(1.0).tag(sync=True)
 
+    def __init__(self, *args, **kwargs):
+        super(Canvas, self).__init__(*args, **kwargs)
+        self.layout.width = str(self.size[0]) + 'px'
+        self.layout.height = str(self.size[1]) + 'px'
+
     # Rectangles methods
     def fill_rect(self, x, y, width, height):
         """Draw a filled rectangle."""