feats

config/prod.js

@@ -11,7 +11,7 @@ module.exports = {
     OSS_FAST_PATH: '"https://xlk-assets.oss-cn-shanghai.aliyuncs.com/"',
     ICON_FONT: '"https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/css/iconfont.ttf"',
     BROKER_CITY: '"上海"',
-    Version: '"V0.1.00-202209130950"'
+    Version: '"V0.1.00-202209131725"'
   },
   mini: {},
   h5: {

src/subpackages/pages/broker/invitation/poster/sdk.js

@@ -100,8 +100,12 @@ export function posterSDK(canvas) {
    * canvas 转为图片
    * @returns 
    */
-  function toDataURL() {
-    return canvas.toDataURL()
+  function toDataURL(...args) {
+    const base64Str = canvas.toDataURL(...args);
+
+    console.log('Generate image length: [', base64Str.length, ']')
+
+    return base64Str;
   }
 
   /**

src/subpackages/pages/broker/invitation/poster/useCanvas.js

@@ -20,24 +20,27 @@ export default (canvasId, callback) => {
 
     return new Promise((resolve, reject) => {
       const { poster, miniCode  } = dataSource || {}
-
+      let posterImg, miniImg;
     
       let cnt = 0
       // 封面
-      sdk.getImage(poster).then((posterImg) => {
-        sdk.drawImage(posterImg, config.poster)
+      sdk.getImage(poster).then((img) => {
+        posterImg = img;
         cnt += 1
       }).catch(() => cnt += 1)
     
       // 小程序码
-      sdk.getImage(miniCode).then((miniCodeImg) => {
-        sdk.drawImage(miniCodeImg, config.miniCode)
+      sdk.getImage(miniCode).then((img) => {
+        miniImg = img;
         cnt += 1
       }).catch(() => cnt += 1)
 
       const ticker = setInterval(() => {
         if (cnt >= 2) {
-          const image = sdk.toDataURL()
+          sdk.drawImage(posterImg, config.poster);
+          sdk.drawImage(miniImg, config.miniCode);
+
+          const image = sdk.toDataURL('image/jpeg', 0.8)
           clearInterval(ticker)
           resolve(image)
         }