feat: 扩展useCORS参数

Author: likai

src/lib/type/ComponentType.ts

@@ -104,6 +104,7 @@ export type screenShotType = {
   imgSrc?: string; // 截图内容，默认为false
   loadCrossImg?: boolean; // 加载跨域图片状态
   proxyUrl?: string; // 代理服务器地址
+  useCORS?: boolean; // 是否启用跨域
   screenShotDom?: HTMLElement | HTMLDivElement | HTMLCanvasElement; // 需要进行截图的容器
   cropBoxInfo?: { x: number; y: number; w: number; h: number }; // 是否加载默认的裁剪框
   wrcReplyTime?: number; // webrtc捕捉屏幕响应时间，默认为500ms

src/main.ts

@@ -120,6 +120,7 @@ export default class ScreenShot {
   // 鼠标是否在裁剪框内
   private mouseInsideCropBox = false;
   private proxyUrl: undefined | string = undefined;
+  private useCORS = false;
   private drawStatus = false;
   // webrtc模式下的屏幕流数据
   private captureStream: MediaStream | null = null;
@@ -266,7 +267,8 @@ export default class ScreenShot {
       // html2canvas截屏
       html2canvas(this.screenShotDom ? this.screenShotDom : document.body, {
         onclone: this.loadCrossImg ? drawCrossImg : undefined,
-        proxy: this.proxyUrl
+        proxy: this.proxyUrl,
+        useCORS: this.useCORS
       })
         .then(canvas => {
           // 装载截图的dom为null则退出
@@ -1018,6 +1020,9 @@ export default class ScreenShot {
     if (options?.proxyUrl) {
       this.proxyUrl = options.proxyUrl;
     }
+    if (options?.useCORS) {
+      this.useCORS = options.useCORS;
+    }
     // 设置截图容器的位置信息
     if (options?.position != null) {
       if (options.position?.top != null) {