fabric 6.5.4 → 6.6.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ## [next]
 
+## [6.6.0]
+
+- feat(): Add webp to ImageFormat [#10435](https://github.com/fabricjs/fabric.js/pull/10435)
+- fix(): Allow for node-canvas images to work with the FabricImage class by making classList optional. [#10412](https://github.com/fabricjs/fabric.js/pull/10412)
+- fix(): Allow for brush subclassing moving some properties from private to protected. [#10416](https://github.com/fabricjs/fabric.js/pull/10416)
+- feat(): Add method toBlob. [#3283](https://github.com/fabricjs/fabric.js/issues/3283)
+
 ## [6.5.4]
 
 - docs() perf(): Reorder caching conditions for most common scenario and docs fixes. [#10366](https://github.com/fabricjs/fabric.js/pull/10366)

package/dist/index.js

@@ -411,7 +411,7 @@
   }
   const cache = new Cache();
 
-  var version = "6.5.4";
+  var version = "6.6.0";
 
   // use this syntax so babel plugin see this import here
   const VERSION = version;
@@ -1585,6 +1585,9 @@
   const isHTMLCanvas = canvas => {
     return !!canvas && canvas.getContext !== undefined;
   };
+  const toBlob = (canvasEl, format, quality) => new Promise((resolve, _) => {
+    canvasEl.toBlob(resolve, "image/".concat(format), quality);
+  });
 
   /**
    * Transforms degrees to radians.
@@ -4146,6 +4149,17 @@
       const finalMultiplier = multiplier * (enableRetinaScaling ? this.getRetinaScaling() : 1);
       return toDataURL(this.toCanvasElement(finalMultiplier, options), format, quality);
     }
+    toBlob() {
+      let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        format = 'png',
+        quality = 1,
+        multiplier = 1,
+        enableRetinaScaling = false
+      } = options;
+      const finalMultiplier = multiplier * (enableRetinaScaling ? this.getRetinaScaling() : 1);
+      return toBlob(this.toCanvasElement(finalMultiplier, options), format, quality);
+    }
 
     /**
      * Create a new HTMLCanvas element painted with the current canvas content.
@@ -7693,6 +7707,10 @@
       let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1);
     }
+    toBlob() {
+      let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return toBlob(this.toCanvasElement(options), options.format || 'png', options.quality || 1);
+    }
 
     /**
      * Returns true if any of the specified types is identical to the type of an instance
@@ -13046,6 +13064,7 @@
     string: lang_string,
     stylesFromArray: stylesFromArray,
     stylesToArray: stylesToArray,
+    toBlob: toBlob,
     toDataURL: toDataURL,
     toFixed: toFixed,
     transformPath: transformPath,
@@ -24198,13 +24217,14 @@
      * @param {Partial<TSize>} [size] Options object
      */
     setElement(element) {
+      var _element$classList;
       let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       this.removeTexture(this.cacheKey);
       this.removeTexture("".concat(this.cacheKey, "_filtered"));
       this._element = element;
       this._originalElement = element;
       this._setWidthHeight(size);
-      element.classList.add(FabricImage.CSS_CANVAS);
+      (_element$classList = element.classList) === null || _element$classList === void 0 || _element$classList.add(FabricImage.CSS_CANVAS);
       if (this.filters.length !== 0) {
         this.applyFilters();
       }
@@ -24671,7 +24691,9 @@
 
     /**
      * Default CSS class name for canvas
+     * Will be removed from fabric 7
      * @static
+     * @deprecated
      * @type String
      * @default
      */