feat(Canvas): add support for displaying output in Jupyter Notebook (#60)

Author: DjDeveloperr

src/canvas.ts

@@ -209,6 +209,12 @@ export class Canvas {
   flush() {
     if (this[_gpu]) sk_canvas_flush(this[_ptr]);
   }
+
+  [Symbol.for("Jupyter.display")]() {
+    return {
+      "image/png": encodeBase64(this.encode("png")),
+    };
+  }
 }
 
 /**

src/svgcanvas.ts

@@ -114,6 +114,13 @@ export class SvgCanvas {
     );
     const text = new TextDecoder().decode(buffer);
     sk_data_free(skdata);
+    Object.defineProperty(text, Symbol.for("Jupyter.display"), {
+      value: function (this: string) {
+        return {
+          "image/svg+xml": this,
+        };
+      },
+    });
     return text;
   }