feat: 谱面下载增加页码

src/helpers/svgToPng.ts

@@ -3,16 +3,18 @@ export const getSvgPngToSize = (osmd: any) => {
     if (osmd) {
       if (osmd.Drawer.Backends.length > 0) {
         var imgList = []
-
+        
         for (var idx = 0, len = osmd.Drawer.Backends.length; idx < len; idx++) {
           var backend = osmd.Drawer.Backends[idx]
           var state = backend.ctx.state;
           var width = backend.ctx.width / state.scale.x;
           var height = backend.ctx.height / state.scale.y;
+          const textX = width - 120,textY = height - 50;
+          const textDom = `<g><text x="${textX}" y="${textY}" stroke-width="3" fill="#000000" stroke="none" stroke-dasharray="none" font-family="Times New Roman" font-size="36px" font-weight="bold" font-style="none">第${idx+1}页</text></g>`
+          backend.ctx.svg.innerHTML = backend.ctx.svg.innerHTML + textDom;
           var cont = new XMLSerializer().serializeToString(
             backend.ctx.svg
           )
-
           imgList.push({
             img: cont,
             width: width,

src/view/music-score/index.tsx

@@ -173,7 +173,7 @@ export default defineComponent({
 				}
 			}
 			if (query.downPng === 'A4') {
-				osmd.setPageFormat('794x1070')
+				osmd.setPageFormat('794x1100')
 				osmd.zoom = 0.3;
 			} else {
 				osmd.zoom = state.zoom;

src/view/selection/index.module.less

@@ -413,6 +413,7 @@
 .smallZoom {
     .line {
         height: 45PX;
+        min-height: 45PX;
         width: 1PX;
     }
     :global {
@@ -426,6 +427,7 @@
 .litteZoom {
     .line {
         height: 35PX;
+        min-height: 35PX;
         width: 1PX;
     }
     :global {