feat: add isImageAnonymous in global

VisActor · Jan 6, 2025 · b1de9aa · b1de9aa
1 parent 0ca63c5
commit b1de9aa
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/common/changes/@visactor/vrender-core/feat-isImageAnonymous_2025-01-06-06-22.json b/common/changes/@visactor/vrender-core/feat-isImageAnonymous_2025-01-06-06-22.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vrender-core",
+      "comment": "feat: add isImageAnonymous in global",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vrender-core"
+}
diff --git a/packages/vrender-core/src/core/global.ts b/packages/vrender-core/src/core/global.ts
@@ -24,11 +24,20 @@ export class DefaultGlobal implements IGlobal {
   private _env: EnvType;
   private _isSafari?: boolean;
   private _isChrome?: boolean;
+  private _isImageAnonymous?: boolean = true;
   get env(): EnvType {
     return this._env;
   }
   private envContribution: IEnvContribution;
 
+  get isImageAnonymous(): boolean {
+    return this._isImageAnonymous;
+  }
+
+  set isImageAnonymous(isImageAnonymous: boolean) {
+    this._isImageAnonymous = isImageAnonymous;
+  }
+
   get devicePixelRatio(): number {
     if (!this._env) {
       this.setEnv(defaultEnv);

diff --git a/packages/vrender-core/src/interface/global.ts b/packages/vrender-core/src/interface/global.ts
@@ -268,4 +268,6 @@ export interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'em
   getElementTop: (dom: any, baseWindow?: boolean) => number;
   getElementLeft: (dom: any, baseWindow?: boolean) => number;
   getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };
+
+  isImageAnonymous: boolean;
 }
diff --git a/packages/vrender-kits/src/env/contributions/browser-contribution.ts b/packages/vrender-kits/src/env/contributions/browser-contribution.ts
@@ -1,4 +1,4 @@
-import { injectable, Generator, BaseEnvContribution } from '@visactor/vrender-core';
+import { injectable, Generator, BaseEnvContribution, application } from '@visactor/vrender-core';
 import type {
   ICanvasLike,
   EnvType,
@@ -38,7 +38,9 @@ class DynamicB {
 
 export function createImageElement(src: string, isSvg: boolean = false): Promise<HTMLImageElement> {
   const img = document.createElement('img');
-  img.crossOrigin = 'anonymous';
+  if (application.global.isImageAnonymous) {
+    img.crossOrigin = 'anonymous';
+  }
   if (isSvg) {
     const data = new Blob([src], { type: 'image/svg+xml' });
     src = window.URL.createObjectURL(data);