🔄 正規化座標からピクセル座標への変換

// MediaPipeのランドマーク(正規化座標)
landmark.x = 0.5 // 0〜1の範囲
landmark.y = 0.3 // 0〜1の範囲

// ピクセル座標に変換
const pixelX = landmark.x * canvasWidth;
const pixelY = landmark.y * canvasHeight;

// → pixelX = 640, pixelY = 216
正規化座標
0.5, 0.3
MediaPipe出力(0〜1)
ピクセル座標
640, 216
Canvas描画用(1280×720)
変換を忘れると、すべてのランドマークが左上隅に描画される