javascript - jQuery 和 Canvas 图像裁剪 - 索引或大小为负数或大于允许的量

Question

我已经安装了 CodeCanyon 的 Canvas Image Crop 插件，但在 Firefox 中遇到了问题。

我上传的一些(不是全部)图片出现以下错误:索引或大小为负数或大于允许的数量。

我正在使用该插件的 HTML5 canvas 版本。

Answer 1

我发现了错误，这是 Firefox 不允许在 Canvas 绘制图像调用中使用分数/0。

所以你需要在 JS 中找到以下行:

ctx.drawImage(img, x, y, w, h, 0, 0, width, height);

并在其前面添加此内容以舍入值:

w = Math.round(w);
h = Math.round(h);
width = Math.round(width);
height = Math.round(height);

ctx.drawImage(img, x, y, w, h, 0, 0, width, height);

这应该可以解决问题

希望这能在某个时候对其他人有所帮助!