📝 Tensor作成プロセスの可視化

1. 画像データの読み込み
元画像をCanvasに描画してImageDataを取得
const imageData = ctx.getImageData(0, 0, width, height);
2. ピクセルデータの正規化
RGB値を0-1に正規化し、meanとstdで標準化
const normalized = (pixelValue / 255 - mean) / std;
3. CHWフォーマットに変換
[H, W, C]から[C, H, W]へ並び替え
floatData[c * H * W + h * W + w] = value;
4. Tensorオブジェクトの作成
ONNXRuntime用のTensorを生成
const tensor = new ort.Tensor("float32", floatData, [1, 3, H, W]);
5. GPUメモリへ転送
onnxruntime-webが自動でGPUに転送
// 自動転送(手動管理不要)
ボタンを押してプロセスを開始