javascript - jCanvas が間違ったピクセルを描画するのはなぜですか?

Question

ピクセルマップのオブジェクトがあり、各行には色情報を含む列のオブジェクトが含まれています。次に、 を使用して色を選択し、switch()キャンバスに描画します。コードは次のとおりです。

  for(var pixX in pixmap) {
    for(var pixY in pixmap[pixX]) {
      switch(pixmap[pixX][pixY]) {
        case 1: var pixColor='lightgray'; break;
        case 2: var pixColor='black'; break;
        default: var pixColor='forestgreen'; break;
        }
      $('canvas#surface').drawRect({
        fillStyle: pixColor,
        width: 1, height: 1,
        x: pixX, y: pixY,
        fromCenter: false
        });
      }
    }

ピクセルを描画しますが、ピクセルの位置は何らかの形でズームされていますが、ピクセルは実際には 1px の大きさです。どのくらいズームするか判断できません。しばらくしてキャンバスに描くと位置が合っています。どうしたの？

編集: jsFiddle で再作成しました: http://jsfiddle.net/qyNTn/