해상도 변경 요약 (v_text.html / v_text_ps1.ps1)

핵심
이 시스템은 HTML 캔버스 해상도(편집 좌표계)와 PS1/ffmpeg 출력 해상도(최종 렌더)가 분리되어 있습니다.
“400×800” 또는 “800×400”으로 픽셀까지 완전 동일하게 맞추려면 HTML 3곳 + PS1 1곳을 함께 변경합니다.

1) v_text.html ? 캔버스 해상도 변경(필수 3곳)

세 곳을 같은 값으로 통일하면 “보이는 값”과 “실제 캔버스”가 어긋나지 않습니다.

v_text.html 변경 예시: 400×800 (세로)

<!-- (A) 캔버스 태그 기본값 -->
<canvas id="cv" width="400" height="800"></canvas>

<!-- (C) 상단 입력 UI 기본값value="400" 중요  -->
<input id="cvW" type="number" value="400" />
<input id="cvH" type="number" value="800" />

<!-- (B) JS Init 기본값js 아래쪽 -->
setCanvasSize(400, 800);

v_text.html 변경 예시: 800×400 (가로)

<!-- (A) -->
<canvas id="cv" width="800" height="400"></canvas>

<!-- (C) -->
<input id="cvW" type="number" value="800" />
<input id="cvH" type="number" value="400" />

<!-- (B) -->
setCanvasSize(800, 400);

2) v_text_ps1.ps1 ? 최종 출력 해상도 변경(필수 1곳)

PS1이 1280×720으로 고정이면, HTML을 400×800으로 바꿔도 최종 렌더는 1280×720으로 나옵니다.
픽셀까지 동일하게 맞추려면 PS1의 출력 해상도도 같은 값으로 변경합니다.

v_text_ps1.ps1 변경 포인트(대표 패턴)

# (1) 고정 출력 해상도 (가장 흔한 형태)
$targetW = 1280
$targetH = 720

# 원하는 값으로 변경:
# 400×800
$targetW = 400
$targetH = 800
# 또는 800×400
$targetW = 800
$targetH = 400

3) 체크리스트

결론: HTML=편집 좌표계 / PS1=최종 출력 입니다.