对于透明的logo, 填充背景

dist/css/chunk-628878f0.5ab99601.css

@@ -1 +0,0 @@
-.el-image-viewer__wrapper{z-index:3000!important}[data-v-cdbb6910]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-cdbb6910]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-cdbb6910]{font-size:13px;color:#999}.sub-bottom[data-v-cdbb6910]{display:flex;justify-content:space-between}.button[data-v-cdbb6910]{padding:0;min-height:auto;float:right}.image[data-v-cdbb6910]{width:100%;display:block}.one-block[data-v-cdbb6910]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.infinite-list .infinite-list-item[data-v-cdbb6910]{display:flex;align-items:center;justify-content:space-between;height:30px;background:#e8f3fe;margin:10px;color:#7dbcfc}.infinite-list[data-v-cdbb6910]{height:300px;-webkit-padding-start:0;padding-inline-start:0}.history_content[data-v-cdbb6910]{width:80%;line-height:30px;padding:0 10px}

dist/css/chunk-f6e69274.b8ab060a.css

@@ -0,0 +1 @@
+.el-image-viewer__wrapper{z-index:3000!important}[data-v-0d6e27fe]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-0d6e27fe]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-0d6e27fe]{font-size:13px;color:#999}.sub-bottom[data-v-0d6e27fe]{display:flex;justify-content:space-between}.button[data-v-0d6e27fe]{padding:0;min-height:auto;float:right}.image[data-v-0d6e27fe]{width:100%;display:block}.one-block[data-v-0d6e27fe]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.infinite-list .infinite-list-item[data-v-0d6e27fe]{display:flex;align-items:center;justify-content:space-between;height:30px;background:#e8f3fe;margin:10px;color:#7dbcfc}.infinite-list[data-v-0d6e27fe]{height:300px;-webkit-padding-start:0;padding-inline-start:0}.history_content[data-v-0d6e27fe]{width:80%;line-height:30px;padding:0 10px}

dist/precache-manifest.7db04a8212bc6962408231918ce196ef.js

@@ -8,7 +8,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/404.96fe1c26.css"
   },
   {
-    "revision": "839ababd763a6d1f69e8",
+    "revision": "b3399df74b7831bd0aaf",
     "url": "/css/app.82284a16.css"
   },
   {
@@ -87,10 +87,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "4642b2be19b2a29c2c0f",
     "url": "/css/chunk-5823cdba.be777eac.css"
   },
-  {
-    "revision": "e55842235561775a1c8e",
-    "url": "/css/chunk-628878f0.5ab99601.css"
-  },
   {
     "revision": "676ed1246366b884b4a7",
     "url": "/css/chunk-676093fc.ed4053e6.css"
@@ -111,6 +107,10 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "7907edf0e58f3c018c54",
     "url": "/css/chunk-ed14ae0c.c6830a95.css"
   },
+  {
+    "revision": "ee821af350a70e441769",
+    "url": "/css/chunk-f6e69274.b8ab060a.css"
+  },
   {
     "revision": "f80bc681d87d658a9f09",
     "url": "/css/chunk-fd5993aa.0461aed2.css"
@@ -168,7 +168,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/img/404.a57b6f31.png"
   },
   {
-    "revision": "79aaa45d8f24fd38201c17bed9e6f5fc",
+    "revision": "e561845ccfc0e18404b3e117c3c2a054",
     "url": "/index.html"
   },
   {
@@ -180,8 +180,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/js/404.ec607ed7.js"
   },
   {
-    "revision": "839ababd763a6d1f69e8",
-    "url": "/js/app.9389fcc9.js"
+    "revision": "b3399df74b7831bd0aaf",
+    "url": "/js/app.bf994422.js"
   },
   {
     "revision": "4308fe0503e593d27da4",
@@ -279,10 +279,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "4642b2be19b2a29c2c0f",
     "url": "/js/chunk-5823cdba.1a7dbab6.js"
   },
-  {
-    "revision": "e55842235561775a1c8e",
-    "url": "/js/chunk-628878f0.3fa967f7.js"
-  },
   {
     "revision": "676ed1246366b884b4a7",
     "url": "/js/chunk-676093fc.e71a7688.js"
@@ -307,6 +303,10 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "7907edf0e58f3c018c54",
     "url": "/js/chunk-ed14ae0c.f8c42b71.js"
   },
+  {
+    "revision": "ee821af350a70e441769",
+    "url": "/js/chunk-f6e69274.fe86d30b.js"
+  },
   {
     "revision": "f80bc681d87d658a9f09",
     "url": "/js/chunk-fd5993aa.00560b94.js"

dist/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.ad4c97d167b284aadb37ecda00d59c20.js"
+  "/precache-manifest.7db04a8212bc6962408231918ce196ef.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "pyxis-fe"});

src/views/game/game_setting.vue

@@ -507,6 +507,8 @@ export default class extends Vue {
         const contextTemp = canvasTemp.getContext('2d')
         canvasTemp.width = 430
         canvasTemp.height = 430
+        contextTemp!.fillStyle = '#fff'
+        contextTemp!.fillRect(0, 0, 430, 430)
         contextTemp!.drawImage(img, 0, 0, img.width, img.height, 120, 120, 190, 190)
         const pattern = context.createPattern(canvasTemp, 'no-repeat')