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

时间:2009-10-10 06:35:35

标签: javascript firefox canvas image-scaling

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

1 个答案:

答案 0 :(得分:0)

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