dos

Public/static/js/common.js

@@ -392,14 +392,18 @@ function drawFlagItem(initialPosition) {
     noBg.onload = function () {
     noBg.onload = function () {
         let redline = new Image();
         let redline = new Image();
         redline.src = picUrl + 'flag-redline.png';
         redline.src = picUrl + 'flag-redline.png';
-        let nodeList = $('.poster-page .poster-list .flag-item');
-        for (let i = 0; i < flagStack.length; i++) {
-            let top = initialPosition + $(nodeList[i]).offset().top;
-            let textTop = initialPosition + $(nodeList[i]).find('.flag-text').offset().top + pxToRem(28);
-            posterCtx.drawImage(noBg, pxToRem(105), top, pxToRem(44), pxToRem(39));
-            flagNoDraw(posterCtx, i + 1, 14, '#222222', pxToRem(129), top + pxToRem(28));
-            flagTextDraw(posterCtx, flagStack[i], 16, '#222222', pxToRem(167), textTop);
+        redline.onload = function () {
+            let nodeList = $('.poster-page .poster-list .flag-item');
+            for (let i = 0; i < flagStack.length; i++) {
+                let top = initialPosition + $(nodeList[i]).offset().top;
+                let textTop = initialPosition + $(nodeList[i]).find('.flag-text').offset().top + pxToRem(28);
+                posterCtx.drawImage(noBg, pxToRem(105), top, pxToRem(44), pxToRem(39));
+                flagNoDraw(posterCtx, i + 1, 14, '#222222', pxToRem(129), top + pxToRem(28));
+                let lineTop = flagTextDraw(posterCtx, flagStack[i], 16, '#222222', pxToRem(167), textTop);
+                posterCtx.drawImage(redline, pxToRem(161), lineTop, pxToRem(367), pxToRem(20));
+            }
         }
         }
+
     }
     }
 }
 }