修正线条和文字

src/ChineseChess.js

@@ -138,11 +138,11 @@ export class Chessboard {
         context.save()                                                             // 保存当前状态
         context.translate(0, 0)                                                    // 移动到要镜像的区域
         context.scale(1, -1)                                                       // Y轴镜像
-        context.drawImage(canvas, 0, 0, 比例*8, 比例*4, 0, -(比例*9), 比例*8, 比例*4) // 将上半部分镜像到下半部分
+        context.drawImage(canvas, 0, 0, 比例*8, 比例*4+(线条宽度/2), 0, -(比例*9), 比例*8, 比例*4+(线条宽度/2)) // 将上半部分镜像到下半部分
         context.restore()                                                          // 恢复到上次保存的状态
 
         // 河界
-        context.font = '20px serif'
+        context.font = `${比例/2.4}px serif`
         context.fillStyle = '#784518'
         context.fillText('楚', 比例 * 1.5, 比例 * 4.65)
         context.fillText('河', 比例 * 2.5, 比例 * 4.65)