我对 context2d 的 drawImage 函数有疑问。每当我缩放图像时,它都会得到一个像素的暗边框,这有点难看。这只会发生在 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>