xiaji/game-cards-poker-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: joker symmetry images positioned in top/bottom halves separately

Browse Source
This commit is contained in:
Poker Design Developer
2026-06-04 21:56:56 +08:00
parent 5e7eb5115d
commit 194e42a026
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/utils/cardRenderer.js
View File

@@ -300,15 +300,16 @@ async function drawJokerBody(ctx, w, h, which, design, project) {
ctx.drawImage(img, topX, topY, finalW, finalH) ctx.drawImage(img, topX, topY, finalW, finalH)
// symmetry_mode: 'flip' 垂直翻转，'rotate' 180° 旋转 // symmetry_mode: 'flip' 垂直翻转，'rotate' 180° 旋转
const symMode = design.symmetry_mode || 'flip' const symMode = design.symmetry_mode || 'flip'
const botY = padTop + offsetY + halfH + (halfH - finalH) / 2
if (symMode === 'rotate') { if (symMode === 'rotate') {
ctx.save() ctx.save()
ctx.translate(topX + finalW, topY + finalH) ctx.translate(topX + finalW, botY + finalH)
ctx.rotate(Math.PI) ctx.rotate(Math.PI)
ctx.drawImage(img, 0, 0, finalW, finalH) ctx.drawImage(img, 0, 0, finalW, finalH)
ctx.restore() ctx.restore()
} else { } else {
ctx.save() ctx.save()
ctx.translate(topX, topY + finalH) ctx.translate(topX, botY + finalH)
ctx.scale(1, -1) ctx.scale(1, -1)
ctx.drawImage(img, 0, 0, finalW, finalH) ctx.drawImage(img, 0, 0, finalW, finalH)
ctx.restore() ctx.restore()