Question

我遇到了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>

Answer 1

这是一个已知的Firefox错误：https://bugzilla.mozilla.org/show_bug.cgi?id=490997 它似乎是一个X11 /驱动程序问题。

Firefox中的Javascript / Canvas / Images缩放问题

1 个答案: