context2dのdrawImage関数に問題があります。画像を拡大縮小すると、1ピクセルの暗い境界線が表示されますが、これはちょっと醜いです。これはFirefoxでのみ発生し、OperaやWebkitでは発生しません。
これはアンチエイリアスの問題ですか?何時間も、例と入手可能なドキュメントを削除せずに調べました...まだ別のコンピューターで試すことができなかったので、グラフィックハードウェア/ドライバーの問題かもしれません。
exp.jpgのサイズが200x200ピクセルであると仮定して、この最小限のスニペットでこの効果を再現しました。
<html>
<body>
<canvas id="canvas" width="400" height="400"></canvas>
</body>
<script type="text/javascript" src="../../media/pinax/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" >
context = $('#canvas')[0].getContext('2d');
img = new Image();
img.src = "exp.jpg";
//while (!img.complete);
context.drawImage(img, 2,2,199,199);
context.drawImage(img, 199,2,199,199);
</script>
</html>