feat: added element options to canvas mask, for using an external cre…

…ated canvas
tsparticles · Sep 7, 2022 · 0770c13 · 0770c13
1 parent f3fc227
commit 0770c13
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/plugins/canvasMask/src/CanvasMaskInstance.ts b/plugins/canvasMask/src/CanvasMaskInstance.ts
@@ -46,8 +46,9 @@ export class CanvasMaskInstance implements IContainerPlugin {
             const textOptions = options.text;
 
             pixelData = getTextData(textOptions.text, textOptions.color, offset, textOptions.font);
-        } else if (options.selector) {
-            const canvas = document.querySelector<HTMLCanvasElement>(options.selector);
+        } else if (options.element || options.selector) {
+            const canvas =
+                options.element || (options.selector && document.querySelector<HTMLCanvasElement>(options.selector));
 
             if (!canvas) {
                 return;

diff --git a/plugins/canvasMask/src/Options/Classes/CanvasMask.ts b/plugins/canvasMask/src/Options/Classes/CanvasMask.ts
@@ -10,6 +10,7 @@ import { TextMask } from "./TextMask";
  * @category Canvas Mask Plugin
  */
 export class CanvasMask implements ICanvasMask, IOptionLoader<ICanvasMask> {
+    element?: HTMLCanvasElement;
     enable;
     image?: ImageMask;
     override;
@@ -35,6 +36,10 @@ export class CanvasMask implements ICanvasMask, IOptionLoader<ICanvasMask> {
             return;
         }
 
+        if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
+            this.element = data.element;
+        }
+
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }

diff --git a/plugins/canvasMask/src/Options/Interfaces/ICanvasMask.ts b/plugins/canvasMask/src/Options/Interfaces/ICanvasMask.ts
@@ -8,6 +8,7 @@ import type { ITextMask } from "./ITextMask";
  * @category Canvas Mask Plugin
  */
 export interface ICanvasMask {
+    element?: HTMLCanvasElement;
     enable: boolean;
     image?: IImageMask;
     override: ICanvasMaskOverride;