javascript - 无法正确调整图像大小小于 60%

Question

我已经基于此实现了背景颜色修改post

但是我想修改图像大小，当我将其设置为低于 60% 时，图像将被裁剪而不是调整大小。

我看到问题来自函数colorImage，但我不明白为什么。

你能看一下at his fiddle并将 img_top 的宽度更改为 50% 例如可以看到问题吗？

Answer 1

使用drawImage时需要传递图像宽度/高度

http://jsfiddle.net/gRoberts/e0nwnhet/11/

var ctx = canvas.getContext("2d");
ctx.drawImage(imgElement,0,0,canvas.width,canvas.height);