feat: implement OffscreenCanvas.convertToBlob

Author: jimmywarting

lib/canvas.js

@@ -7,13 +7,13 @@
  */
 
 const bindings = require('./bindings')
-const Canvas = module.exports = bindings.Canvas
 const Context2d = require('./context2d')
 const PNGStream = require('./pngstream')
 const PDFStream = require('./pdfstream')
 const JPEGStream = require('./jpegstream')
 const FORMATS = ['image/png', 'image/jpeg']
 const util = require('util')
+const Canvas = bindings.Canvas
 
 // TODO || is for Node.js pre-v6.6.0
 Canvas.prototype[util.inspect.custom || 'inspect'] = function () {
@@ -44,6 +44,25 @@ Canvas.prototype.createJPEGStream = function (options) {
   return new JPEGStream(this, options)
 }
 
+/**
+ * The OffscreenCanvas.convertToBlob() method creates a Blob object representing
+ * the image contained in the canvas.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/convertToBlob
+ * @since NodeJS v18.0.0
+ */
+Canvas.prototype.convertToBlob = async function (options = {}) {
+  const type = options.type && FORMATS.includes(options.type)
+    ? options.type
+    : 'image/png'
+
+  return new Promise((resolve, reject) => {
+    this.toBuffer((err, buf) => {
+      err ? reject(err) : resolve(new Blob([buf], { type }))
+    }, type, options)
+  })
+}
+
 Canvas.prototype.toDataURL = function (a1, a2, a3) {
   // valid arg patterns (args -> [type, opts, fn]):
   // [] -> ['image/png', null, null]
@@ -111,3 +130,5 @@ Canvas.prototype.toDataURL = function (a1, a2, a3) {
     return `data:${type};base64,${this.toBuffer(type, opts).toString('base64')}`
   }
 }
+
+module.exports = Canvas