使用drawImage,Max Width调整图像大小以适合画布

时间:2015-02-21 16:06:27

标签: javascript canvas html5-canvas

我正在使用一些大图像(宽但不高)并使用drawImage函数调整它们以适应画布。

ctx.drawImage(img,0,0,IW,IH,0,0,CW,CH);

我发现有些图片无法正确加载。经过一些调查后,它似乎只出现在IW>的图像上。 16384.

如果没有调整大小,画布的大小正确,那么它就可以了。

有谁知道这些参数的限制?

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

我通过一些基本的平铺解决了我的问题

if (IW > 16000) {
   ctx.drawImage(img, 0, 0, IW/2, IH, 0, 0, CW/2, CH);
   ctx.drawImage(img, IW/2, 0, IW/2, IH, CW/2, 0, CW/2, CH);
} else {
   ctx.drawImage(img, 0, 0, IW, IH, 0, 0, CW, CH);
}

虽然我仍然不了解对drawImage大小的基本限制