Cairo - Canvas and intermediate output - 4.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "%reload_ext cairo_jupyter"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "ImageSurface\n"
     ]
    },
    {
     "data": {
      "image/png": "iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAAA1klEQVR4nO3QsQ2AMAADwcDk2TysQJNHIne1C+vHAAAA4GzX2+Gca+088nf31wdOIXRE6IjQEaEjQkeEjggdEToidEToiNARoSNCR4SOCB0ROiJ0ROiI0BGhI0JHhI4IHRE6InRE6IjQEaEjQkeEjggdEToidEToiNARoSNCR4SOCB0ROiJ0ROiI0BGhI0JHhI4IHRE6InRE6IjQEaEjQkeEjggdEToidEToiNARoSNCR4SOCB0ROiJ0ROiI0BGhI0JHhI4IHRE6InRE6IjQEaEjQkeEjjzj7QOeZIjDAAAAAABJRU5ErkJggg==\n",
      "text/plain": [
       "<IPython.core.display.Image object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "SVG to buffer\n"
     ]
    },
    {
     "data": {
      "image/svg+xml": [
       "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"90pt\" height=\"90pt\" viewBox=\"0 0 90 90\" version=\"1.1\">\n",
       "<defs>\n",
       "<g id=\"surface10\" clip-path=\"url(#clip1)\">\n",
       "<path style=\" stroke:none;fill-rule:nonzero;fill:rgb(50%,50%,100%);fill-opacity:1;\" d=\"M 10 10 L 100 10 L 100 100 L 10 100 Z M 10 10 \"/>\n",
       "</g>\n",
       "</defs>\n",
       "<g id=\"surface7\">\n",
       "<use xlink:href=\"#surface10\"/>\n",
       "</g>\n",
       "</svg>"
      ],
      "text/plain": [
       "<IPython.core.display.SVG object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "\n",
       "    <div class=ab175035a-d56d-4e99-8789-b8db95bbc731> \n",
       "        <style>\n",
       "            div.ab175035a-d56d-4e99-8789-b8db95bbc731 .hll { background-color: #ffffcc }\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .c { color: #408080; font-style: italic } /* Comment */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .err { border: 1px solid #FF0000 } /* Error */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .k { color: #008000; font-weight: bold } /* Keyword */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .o { color: #666666 } /* Operator */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ch { color: #408080; font-style: italic } /* Comment.Hashbang */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .cm { color: #408080; font-style: italic } /* Comment.Multiline */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .cp { color: #BC7A00 } /* Comment.Preproc */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .c1 { color: #408080; font-style: italic } /* Comment.Single */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .cs { color: #408080; font-style: italic } /* Comment.Special */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gd { color: #A00000 } /* Generic.Deleted */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ge { font-style: italic } /* Generic.Emph */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gr { color: #FF0000 } /* Generic.Error */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gh { color: #000080; font-weight: bold } /* Generic.Heading */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gi { color: #00A000 } /* Generic.Inserted */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .go { color: #888888 } /* Generic.Output */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gp { color: #000080; font-weight: bold } /* Generic.Prompt */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gs { font-weight: bold } /* Generic.Strong */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gu { color: #800080; font-weight: bold } /* Generic.Subheading */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .gt { color: #0044DD } /* Generic.Traceback */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kc { color: #008000; font-weight: bold } /* Keyword.Constant */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kp { color: #008000 } /* Keyword.Pseudo */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .kt { color: #B00040 } /* Keyword.Type */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .m { color: #666666 } /* Literal.Number */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .s { color: #BA2121 } /* Literal.String */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .na { color: #7D9029 } /* Name.Attribute */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nb { color: #008000 } /* Name.Builtin */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nc { color: #0000FF; font-weight: bold } /* Name.Class */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .no { color: #880000 } /* Name.Constant */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nd { color: #AA22FF } /* Name.Decorator */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ni { color: #999999; font-weight: bold } /* Name.Entity */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nf { color: #0000FF } /* Name.Function */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nl { color: #A0A000 } /* Name.Label */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nt { color: #008000; font-weight: bold } /* Name.Tag */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .nv { color: #19177C } /* Name.Variable */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .w { color: #bbbbbb } /* Text.Whitespace */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .mb { color: #666666 } /* Literal.Number.Bin */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .mf { color: #666666 } /* Literal.Number.Float */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .mh { color: #666666 } /* Literal.Number.Hex */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .mi { color: #666666 } /* Literal.Number.Integer */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .mo { color: #666666 } /* Literal.Number.Oct */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sa { color: #BA2121 } /* Literal.String.Affix */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sb { color: #BA2121 } /* Literal.String.Backtick */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sc { color: #BA2121 } /* Literal.String.Char */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .dl { color: #BA2121 } /* Literal.String.Delimiter */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .s2 { color: #BA2121 } /* Literal.String.Double */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sh { color: #BA2121 } /* Literal.String.Heredoc */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sx { color: #008000 } /* Literal.String.Other */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .sr { color: #BB6688 } /* Literal.String.Regex */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .s1 { color: #BA2121 } /* Literal.String.Single */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .ss { color: #19177C } /* Literal.String.Symbol */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .bp { color: #008000 } /* Name.Builtin.Pseudo */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .fm { color: #0000FF } /* Name.Function.Magic */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .vc { color: #19177C } /* Name.Variable.Class */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .vg { color: #19177C } /* Name.Variable.Global */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .vi { color: #19177C } /* Name.Variable.Instance */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .vm { color: #19177C } /* Name.Variable.Magic */\n",
       "div.ab175035a-d56d-4e99-8789-b8db95bbc731 .il { color: #666666 } /* Literal.Number.Integer.Long */\n",
       "        </style>\n",
       "        <div class=\"highlight\"><pre><span></span><span class=\"nt\">&lt;svg</span> <span class=\"na\">xmlns=</span><span class=\"s\">&quot;http://www.w3.org/2000/svg&quot;</span> <span class=\"na\">xmlns:xlink=</span><span class=\"s\">&quot;http://www.w3.org/1999/xlink&quot;</span> <span class=\"na\">width=</span><span class=\"s\">&quot;90pt&quot;</span> <span class=\"na\">height=</span><span class=\"s\">&quot;90pt&quot;</span> <span class=\"na\">viewBox=</span><span class=\"s\">&quot;0 0 90 90&quot;</span> <span class=\"na\">version=</span><span class=\"s\">&quot;1.1&quot;</span><span class=\"nt\">&gt;</span>\n",
       "  <span class=\"nt\">&lt;defs&gt;</span>\n",
       "    <span class=\"nt\">&lt;g</span> <span class=\"na\">id=</span><span class=\"s\">&quot;surface10&quot;</span> <span class=\"na\">clip-path=</span><span class=\"s\">&quot;url(#clip1)&quot;</span><span class=\"nt\">&gt;</span>\n",
       "      <span class=\"nt\">&lt;path</span> <span class=\"na\">style=</span><span class=\"s\">&quot; stroke:none;fill-rule:nonzero;fill:rgb(50%,50%,100%);fill-opacity:1;&quot;</span> <span class=\"na\">d=</span><span class=\"s\">&quot;M 10 10 L 100 10 L 100 100 L 10 100 Z M 10 10 &quot;</span><span class=\"nt\">/&gt;</span>\n",
       "    <span class=\"nt\">&lt;/g&gt;</span>\n",
       "  <span class=\"nt\">&lt;/defs&gt;</span>\n",
       "  <span class=\"nt\">&lt;g</span> <span class=\"na\">id=</span><span class=\"s\">&quot;surface20&quot;</span><span class=\"nt\">&gt;</span>\n",
       "    <span class=\"nt\">&lt;use</span> <span class=\"na\">xlink:href=</span><span class=\"s\">&quot;#surface10&quot;</span><span class=\"nt\">/&gt;</span>\n",
       "  <span class=\"nt\">&lt;/g&gt;</span>\n",
       "<span class=\"nt\">&lt;/svg&gt;</span>\n",
       "</pre></div>\n",
       "\n",
       "    </div>\n",
       "    "
      ],
      "text/plain": [
       "<display_xml.xml.XML at 0x7f29ac287df0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "continue drawing...\n",
      "Display final surface\n",
      "Canvas display as bitmap\n"
     ]
    },
    {
     "data": {
      "image/png": "iVBORw0KGgoAAAANSUhEUgAAALQAAABaCAYAAAARg3zAAAAABmJLR0QA/wD/AP+gvaeTAAABCUlEQVR4nO3SMRJAQAAEwePjeDmBDwgoZXTHG2wwYwAAAAAAAAD/M10druu+P3mE0zK2ty982vz2AbiToEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTcgAKdgSeNOc4EgAAAABJRU5ErkJggg==\n",
      "text/plain": [
       "<IPython.core.display.Image object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Canvas display svg\n"
     ]
    },
    {
     "data": {
      "image/svg+xml": [
       "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"180pt\" height=\"90pt\" viewBox=\"0 0 180 90\" version=\"1.1\">\n",
       "<defs>\n",
       "<g id=\"surface41\" clip-path=\"url(#clip1)\">\n",
       "<path style=\" stroke:none;fill-rule:nonzero;fill:rgb(50%,50%,100%);fill-opacity:1;\" d=\"M 10 10 L 100 10 L 100 100 L 10 100 Z M 10 10 \"/>\n",
       "<path style=\" stroke:none;fill-rule:nonzero;fill:rgb(100%,50%,50%);fill-opacity:1;\" d=\"M 100 10 L 190 10 L 190 100 L 100 100 Z M 100 10 \"/>\n",
       "</g>\n",
       "</defs>\n",
       "<g id=\"surface38\">\n",
       "<use xlink:href=\"#surface41\"/>\n",
       "</g>\n",
       "</svg>"
      ],
      "text/plain": [
       "<IPython.core.display.SVG object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import cairo\n",
    "\n",
    "from contextlib import contextmanager\n",
    "from io import BytesIO\n",
    "from pathlib import Path\n",
    "\n",
    "from IPython.display import display\n",
    "\n",
    "FORMAT_PS = 'ps'\n",
    "FORMAT_PDF = 'pdf'\n",
    "FORMAT_PNG = 'png'\n",
    "FORMAT_SVG = 'svg'\n",
    "FORMAT_SVG_XML = 'svg_xml'\n",
    "\n",
    "VALID_FORMATS = [FORMAT_PNG, FORMAT_SVG, FORMAT_SVG_XML]\n",
    "\n",
    "ERROR_UNSUPPORTED_FORMAT = \"Format must be FORMAT_PDF, FORMAT_PNG, FORMAT_PS, FORMAT_SVG or FORMAT_SVG_XML\"\n",
    "\n",
    "class BufferedCanvas:\n",
    "    \"\"\"\n",
    "    Uses a RecordingSurface to keep track of the draw state on the current frame/page,\n",
    "    and allowing it to be copied to various outputs as needed.\n",
    "    \"\"\"\n",
    "    def __init__(self, extents=None):\n",
    "        \"\"\"\n",
    "        :param dimensions: Extents of recording surface, or None for unbounded.\n",
    "        \"\"\"\n",
    "        self.surface = cairo.RecordingSurface(cairo.CONTENT_COLOR_ALPHA, extents) \n",
    "    \n",
    "    def copy_to_surface(self, f, surface):\n",
    "        # Draw self.surface onto another surface\n",
    "        cr = cairo.Context(surface)\n",
    "        cr.set_source_surface(self.surface)\n",
    "        cr.paint()\n",
    "        del cr\n",
    "\n",
    "    def save(self, f, format=None, *args, **kwargs):\n",
    "        \"\"\"\n",
    "        Output current canvas frame, using cairo to save.\n",
    "        \n",
    "        :param f: buffer or filename.\n",
    "        \"\"\"\n",
    "        if not format:\n",
    "            if isinstance(f, str):\n",
    "                suffix = Path(f).suffix\n",
    "                format = suffix.rsplit('.')[-1] or FORMAT_PNG\n",
    "            else:\n",
    "                format = FORMAT_PNG\n",
    "        \n",
    "        extents = self.surface.ink_extents()  # TODO: handle ink_extents that don't start at 0, 0\n",
    "        dimensions = extents[2], extents[3]\n",
    "        if format == FORMAT_PNG:\n",
    "            # PNG is special: write_to_png is called after drawing.\n",
    "            surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, int(dimensions[0]), int(dimensions[1]))\n",
    "            self.copy_to_surface(f, surface)\n",
    "            surface.write_to_png(f)\n",
    "            return\n",
    "        elif format == FORMAT_PDF:\n",
    "            surface = cairo.PDFSurface(f, *dimensions)\n",
    "        elif format == FORMAT_PS:\n",
    "            surface = cairo.PDFSurface(f, *dimensions)\n",
    "        elif format in (FORMAT_SVG, FORMAT_SVG_XML):\n",
    "            surface = cairo.SVGSurface(f, *dimensions)\n",
    "        else:\n",
    "            raise ValueError(ERROR_UNSUPPORTED_FORMAT)\n",
    "            \n",
    "        self.copy_to_surface(f, surface)\n",
    "        surface.flush()  # Ensure data written to file or buffer.\n",
    "\n",
    "    def display(self, format=FORMAT_PNG, *args, **kwargs):\n",
    "        \"\"\"\n",
    "        \"\"\"\n",
    "        from IPython.display import Image, SVG, display as _display\n",
    "\n",
    "        if format in (FORMAT_PDF, FORMAT_PS):\n",
    "            raise NotImplementedError(f\"{format} is not yet supported.\")\n",
    "        \n",
    "        with BytesIO() as io:\n",
    "            self.save(io, format)\n",
    "            if format == FORMAT_PNG:\n",
    "                _display(Image(data=io.getvalue()))\n",
    "            elif format == FORMAT_SVG:\n",
    "                _display(SVG(io.getvalue()))\n",
    "            elif format == FORMAT_SVG_XML:\n",
    "                try:\n",
    "                    from display_xml import XML\n",
    "                except ImportError:\n",
    "                    raise ImportError('Install display_xml to output as XML:  $ pip3 install display_xml')\n",
    "\n",
    "                _display(XML(io.getvalue()))\n",
    "            else:\n",
    "                # Included for completeness, should have been caught by the call to save().\n",
    "                raise ValueError(ERROR_UNSUPPORTED_FORMAT)\n",
    "    \n",
    "    @contextmanager\n",
    "    def committable_surface(self):\n",
    "        surface = RecordingSurface(cairo.CONTENT_COLOR_ALPHA, None)\n",
    "        try:\n",
    "            yield surface\n",
    "        except Exception as e:\n",
    "            print(\"exc: e\")\n",
    "        else:\n",
    "            print(\"no exception\")\n",
    "        \n",
    "\n",
    "      \n",
    "class AnimationState:\n",
    "    def __init__(self, speed = None):\n",
    "        self.speed = speed\n",
    "    \n",
    "    def is_animation(self):\n",
    "        return self.speed is None\n",
    "\n",
    "\n",
    "class ShoebotRunner:\n",
    "    def __init__(self):\n",
    "        self.canvas = BufferedCanvas()\n",
    "    \n",
    "    def run_once(self, code):\n",
    "        # During first frame canvas is already cleared.\n",
    "        \n",
    "        # ?\n",
    "        # with canvas.page():\n",
    "        #    blah\n",
    "        #    blah\n",
    "        \n",
    "        # During subsequent frames if canvas should be cleared use show_page, otherwise copy_page\n",
    "        # for outputs.\n",
    "        with self.canvas.committable_surface() as surface:\n",
    "            print(\"hello\")\n",
    "    \n",
    "    def run_multiple(self, code):\n",
    "        pass\n",
    "    \n",
    "    def run(self):\n",
    "        pass\n",
    "\n",
    "# Draw on surface\n",
    "canvas = BufferedCanvas()\n",
    "ctx = cairo.Context(canvas.surface)\n",
    "ctx.set_source_rgb(.5, .5, 1.)\n",
    "ctx.rectangle(10, 10, 90, 90)\n",
    "ctx.fill()\n",
    "\n",
    "# intermediate ImageSurface 1\n",
    "print(\"ImageSurface\")\n",
    "canvas.display(format=FORMAT_PNG, dimensions=(128, 128))\n",
    "\n",
    "# intermediate SVGSurface to buffer\n",
    "print(\"SVG to buffer\")\n",
    "canvas.display(format=FORMAT_SVG)\n",
    "canvas.display(format=FORMAT_SVG_XML)\n",
    "\n",
    "\n",
    "# continue drawing\n",
    "print(\"continue drawing...\")\n",
    "ctx.set_source_rgb(1., .5, .5)\n",
    "ctx.rectangle(100, 10, 90, 90)\n",
    "ctx.fill()\n",
    "\n",
    "del ctx\n",
    "\n",
    "print(\"Display final surface\")\n",
    "\n",
    "canvas.surface.ink_extents()\n",
    "\n",
    "print(\"Canvas display as bitmap\")\n",
    "canvas.display(FORMAT_PNG, dimensions=(180, 40))\n",
    "\n",
    "print(\"Canvas display svg\")\n",
    "canvas.display(FORMAT_SVG)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.8.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}