我遇到了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>
答案 0 :(得分:0)
这是一个已知的Firefox错误:https://bugzilla.mozilla.org/show_bug.cgi?id=490997 它似乎是一个X11 /驱动程序问题。