🧪 尝试添加导出png图片的背景但失败，增加透明背景的提示语

Author: Littlefean

app/src/core/service/dataGenerateService/stageExportEngine/StageExportPng.tsx

@@ -43,7 +43,11 @@ export namespace StageExportPng {
     // 画布背景
     if (isHaveBackground) {
       resultCtx.fillStyle = StageStyleManager.currentStyle.Background.toNewAlpha(1).toString();
-      resultCtx.fillRect(0, 0, stageRect.size.x, stageRect.size.y);
+      console.log("background", resultCtx.fillStyle, stageRect);
+      // resultCtx.roundRect(0, 0, Math.floor(stageRect.size.x * 10), Math.floor(stageRect.size.y * 10));
+      resultCtx.roundRect(-10000, 10000, 20000, 20000);
+      // 奇怪了
+      resultCtx.fill();
     }
     // 开始把画布内容渲染到新画布上
     Camera.targetScale = cameraScaleWhenExport;
@@ -54,9 +58,9 @@ export namespace StageExportPng {
     for (let y = topLeft.y; y <= bottomRight.y; y += viewRect.size.y) {
       for (let x = topLeft.x; x <= bottomRight.x; x += viewRect.size.x) {
         // 先移动再暂停等待
-        await sleep(50);
+        await sleep(20);
         Camera.location = new Vector(x + viewRect.size.x / 2, y + viewRect.size.y / 2);
-        await sleep(50);
+        await sleep(20);
         const imageData = Canvas.ctx.getImageData(0, 0, viewRect.size.x * SCALE, viewRect.size.y * SCALE);
         resultCtx.putImageData(
           imageData,

app/src/pages/_fixed_panel/_export_png_panel.tsx

@@ -59,7 +59,7 @@ export default function ExportPNGPanel() {
     >
       <h2>导出png图片</h2>
       <div
-        className="bg-panel-bg flex h-96 w-full items-center justify-center overflow-auto rounded-md"
+        className="flex h-96 w-full items-center justify-center overflow-auto rounded-md bg-black"
         id="export-png-image-box"
       >
         <span>暂时没有渲染结果，请先点击渲染图片</span>
@@ -106,7 +106,7 @@ export default function ExportPNGPanel() {
       </div>
       <div>
         <p className="text-panel-details-text text-xs">
-          渲染图片时，会逐个拼接小块，需要等待若干秒才能完成渲染，摄像机缩放比率越大，渲染时间越长，画面分辨率越高
+          渲染图片时，会逐个拼接小块，需要等待若干秒才能完成渲染，摄像机缩放比率越大，渲染时间越长，画面分辨率越高，目前渲染的图片是透明的
         </p>
       </div>
       {/* 关闭按钮 */}