用canvas和js实现图像透明渐变，使用canvasImageGradient

Question

我尝试使用这个简单的函数： http://code.google.com/p/canvasimagegradient/ 我必须用画布和js创建一个线性透明渐变（我的图像必须是动态的），但我的代码不起作用.. 你能告诉我哪里错了吗？

var ctx = $('#thecanvas')[0].getContext("2d");
var theImage= $('#theimage');

var linearGradient = ctx.createLinearGradient(0, 0, 0, theImage.height);
linearGradient.addColorStop(0, "transparent");
linearGradient.addColorStop(1, "#000");

ctx.drawImageGradient(theImage, 12, 65, linearGradient);

调试器只是告诉我： 控制台告诉我：

NOT_SUPPORTED_ERR: DOM Exception 9: The implementation did not support

就在这一行下：

var linearGradient = ctx.createLinearGradient(0, 0, 0, theImage.height);

提前非常感谢:)

Answer 1

是因为您将图像作为 jQuery 对象获取，其中高度是函数，而不是属性吗？所以你应该有 theImage.height() ，而不是 theImage.height ？