diff --git a/src/ChineseChess.js b/src/ChineseChess.js index 54e3191..c4de947 100644 --- a/src/ChineseChess.js +++ b/src/ChineseChess.js @@ -129,17 +129,17 @@ export class Chessboard { // 描绘线条 context.stroke() - context.save() // 保存当前状态 - context.translate(0, 0) // 移动到要镜像的区域 - context.scale(-1, 1) // X轴镜像 - context.drawImage(canvas, 0, 0, 400, 800, -400, 0, 400, 800) // 将左上角的区域复制并镜像到右上角 - context.restore() // 恢复到上次保存的状态 + context.save() // 保存当前状态 + context.translate(0, 0) // 移动到要镜像的区域 + context.scale(-1, 1) // X轴镜像 + context.drawImage(canvas, 0, 0, 比例*4, 比例*8, -(比例*8), 0, 比例*4, 比例*8) // 将左上角的区域复制并镜像到右上角 + context.restore() // 恢复到上次保存的状态 - context.save() // 保存当前状态 - context.translate(0, 0) // 移动到要镜像的区域 - context.scale(1, -1) // Y轴镜像 - context.drawImage(canvas, 0, 0, 800, 400, 0, -400 - 比例, 800, 400) // 将上半部分镜像到下半部分 - context.restore() // 恢复到上次保存的状态 + context.save() // 保存当前状态 + context.translate(0, 0) // 移动到要镜像的区域 + context.scale(1, -1) // Y轴镜像 + context.drawImage(canvas, 0, 0, 比例*8, 比例*4, 0, -(比例*9), 比例*8, 比例*4) // 将上半部分镜像到下半部分 + context.restore() // 恢复到上次保存的状态 // 河界 context.font = '20px serif' diff --git a/src/main.js b/src/main.js index cba247b..1c0bf6f 100644 --- a/src/main.js +++ b/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