fix: fix the way to get the tmp element (#115)

antvis · Jul 30, 2024 · 7cefa29 · 7cefa29
1 parent c499a30
commit 7cefa29
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/src/color/torgb.ts b/src/color/torgb.ts
@@ -7,16 +7,18 @@ const RGB_REG = /rgba?\(([\s.,0-9]+)\)/;
  * 创建辅助 tag 取颜色
  * @returns
  */
-function createTmp(): HTMLElement {
-  const i = document.createElement('i');
+function getOrCreateTmp(): HTMLElement {
+  let i = document.querySelector('i[title="Web Colour Picker"]') as HTMLElement;
+  if (i) {
+    return i;
+  }
+  i = document.createElement('i');
   i.title = 'Web Colour Picker';
   i.style.display = 'none';
   document.body.appendChild(i);
   return i;
 }
 
-let iEl: HTMLElement;
-
 /**
  * 将颜色转换到 rgb 的格式
  * @param {color} color 颜色
@@ -28,10 +30,7 @@ function toRGBString(color: string): string {
     return color;
   }
 
-  if (!iEl) {
-    // 防止防止在页头报错
-    iEl = createTmp();
-  }
+  const iEl = getOrCreateTmp();
 
   iEl.style.color = color;