0

我尝试加载一些大精灵图像(1998x800),然后将其切片为单个图像并在 Canvas 上绘制图像,并尝试通过鼠标或按钮操作切换这些图像。

但是我发现当我缩小图像并切换到另一个图像时,图像会在 iOS Safari 中失真。我在 iPad1(iOS 5.1.1) 和 iPhone4(iOS 6.1) 上尝试了示例,都出现了问题。

是 Mobile Safari 的错误吗?有什么解决办法吗?

绘制方法:

    cont.drawImage(currentImg, 0, 0, 666, 800, 0, 0, drawWidth, drawHeight);

示例链接:http: //jsfiddle.net/v5uuL/

步骤:
1. 单击“缩小”按钮缩小图像。
2. 单击“第 2 部分”按钮在画布上绘制第二个精灵图像。
3. 画在画布上的图像变形。

注意:
* 精灵图大小为 1998 * 800,每张精灵图包含三张图。所以精灵图中单张图的大小为 666 * 800。
* 如果点击“大”按钮,则点击“小” ' 按钮,问题不会发生。

截图: http:
//i.imgur.com/I1bxMst.png(正常)
http://i.imgur.com/QuztC4v.png(扭曲 - 第二个精灵图像)

4

0 回答 0