feat: 载图片改为A4纸尺寸

src/page-instrument/view-product-img/index.tsx

@@ -115,7 +115,7 @@ export default defineComponent({
 			<div class={styles.detail}>
 				<div id="scrollContainer" class={[styles.container, "hideCursor"]}>
 					{/* 曲谱渲染 */}
-					{!detailData.isLoading && <MusicScore renderTypeKey={productRenderType} showSelection={false} onRendered={handleRendered} />}
+					{!detailData.isLoading && <MusicScore renderTypeKey={productRenderType} showSelection={false} isDownXml={true} onRendered={handleRendered} />}
 				</div>
 			</div>
 		);

src/view/music-score/index.tsx

@@ -61,6 +61,11 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		/** 是否是下载曲谱模式 */
+		isDownXml: {
+			type: Boolean,
+			default: false,
+		},		
 	},
 	setup(props, { emit, slots, expose }) {
 		const query: any = getQuery();
@@ -167,6 +172,10 @@ export default defineComponent({
 					osmd.Sheet.Instruments[i].Visible = state.canSelectTracks.includes(trackName)
 				  }
 			}
+			// 下载图片改为A4纸尺寸
+			if (props.isDownXml) {
+				osmd.setPageFormat('794x1123')
+			}
 			osmd.zoom = state.zoom;
 			osmd.render();
 			console.log("🚀 ~ osmd:", osmd)

src/view/transfer-to-img/index.tsx

@@ -127,7 +127,7 @@ export default defineComponent({
 			<div class={styles.detail}>
 				<div id="scrollContainer" class={[styles.container, "hideCursor"]}>
 					{/* 曲谱渲染 */}
-					{!detailData.isLoading && <MusicScore renderTypeKey={productRenderType} showSelection={false} onRendered={handleRendered} />}
+					{!detailData.isLoading && <MusicScore renderTypeKey={productRenderType} showSelection={false} isDownXml={true} onRendered={handleRendered} />}
 				</div>
 			</div>
 		);