棋盘可调尺寸

src/ChineseChess.js

@@ -129,17 +129,17 @@ export class Chessboard {
         // 描绘线条
         context.stroke()
 
-        context.save()                                               // 保存当前状态
+        context.save()                                                             // 保存当前状态
-        context.translate(0, 0)                                      // 移动到要镜像的区域
+        context.translate(0, 0)                                                    // 移动到要镜像的区域
-        context.scale(-1, 1)                                         // X轴镜像
+        context.scale(-1, 1)                                                       // X轴镜像
-        context.drawImage(canvas, 0, 0, 400, 800, -400, 0, 400, 800) // 将左上角的区域复制并镜像到右上角
+        context.drawImage(canvas, 0, 0, 比例*4, 比例*8, -(比例*8), 0, 比例*4, 比例*8) // 将左上角的区域复制并镜像到右上角
-        context.restore()                                            // 恢复到上次保存的状态
+        context.restore()                                                          // 恢复到上次保存的状态
 
-        context.save()                                               // 保存当前状态
+        context.save()                                                             // 保存当前状态
-        context.translate(0, 0)                                      // 移动到要镜像的区域
+        context.translate(0, 0)                                                    // 移动到要镜像的区域
-        context.scale(1, -1)                                         // Y轴镜像
+        context.scale(1, -1)                                                       // Y轴镜像
-        context.drawImage(canvas, 0, 0, 800, 400, 0, -400 - 比例, 800, 400) // 将上半部分镜像到下半部分
+        context.drawImage(canvas, 0, 0, 比例*8, 比例*4, 0, -(比例*9), 比例*8, 比例*4) // 将上半部分镜像到下半部分
-        context.restore()                                            // 恢复到上次保存的状态
+        context.restore()                                                          // 恢复到上次保存的状态
 
         // 河界
         context.font = '20px serif'

src/main.js

@@ -11,11 +11,11 @@ window.Buffer = Buffer
 window.process = process
 import { parseBlob } from 'music-metadata-browser'
 
-import { Chessboard, 棋盘 } from './ChineseChess.js'
+import { Chessboard } from './ChineseChess.js'
 
 // 中国象棋
 const chessboard = new Chessboard()
-chessboard.绘制棋盘({比例: 50, 边距: 20})
+chessboard.绘制棋盘({比例: 48, 边距: 20})
 
 // 缓冲分片发送
 const CHUNK_SIZE = 1024 * 64  // 默认每个块的大小为128KB