diff --git a/packages/canvas/canvas-extract/src/CanvasExtract.js b/packages/canvas/canvas-extract/src/CanvasExtract.js index 11c1724..58dfcbc 100644 --- a/packages/canvas/canvas-extract/src/CanvasExtract.js +++ b/packages/canvas/canvas-extract/src/CanvasExtract.js @@ -35,13 +35,15 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {HTMLImageElement} HTML Image of the target */ - image(target) + image(target, format, quality) { const image = new Image(); - image.src = this.base64(target); + image.src = this.base64(target, format, quality); return image; } @@ -52,11 +54,13 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {string} A base64 encoded string of the texture. */ - base64(target) + base64(target, format, quality) { - return this.canvas(target).toDataURL(); + return this.canvas(target).toDataURL(format, quality); } /** diff --git a/packages/canvas/canvas-extract/src/CanvasExtract.js b/packages/canvas/canvas-extract/src/CanvasExtract.js index 11c1724..58dfcbc 100644 --- a/packages/canvas/canvas-extract/src/CanvasExtract.js +++ b/packages/canvas/canvas-extract/src/CanvasExtract.js @@ -35,13 +35,15 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {HTMLImageElement} HTML Image of the target */ - image(target) + image(target, format, quality) { const image = new Image(); - image.src = this.base64(target); + image.src = this.base64(target, format, quality); return image; } @@ -52,11 +54,13 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {string} A base64 encoded string of the texture. */ - base64(target) + base64(target, format, quality) { - return this.canvas(target).toDataURL(); + return this.canvas(target).toDataURL(format, quality); } /** diff --git a/packages/extract/src/Extract.js b/packages/extract/src/Extract.js index 5244940..986d158 100644 --- a/packages/extract/src/Extract.js +++ b/packages/extract/src/Extract.js @@ -36,13 +36,15 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {HTMLImageElement} HTML Image of the target */ - image(target) + image(target, format, quality) { const image = new Image(); - image.src = this.base64(target); + image.src = this.base64(target, format, quality); return image; } @@ -53,11 +55,13 @@ * * @param {PIXI.DisplayObject|PIXI.RenderTexture} target - A displayObject or renderTexture * to convert. If left empty will use the main renderer + * @param {string} [format] - Image format, e.g. "image/jpeg" or "image/webp". + * @param {number} [quality] - JPEG or Webp compression from 0 to 1. Default is 0.92. * @return {string} A base64 encoded string of the texture. */ - base64(target) + base64(target, format, quality) { - return this.canvas(target).toDataURL(); + return this.canvas(target).toDataURL(format, quality); } /**