Question

我试着使用这个简单的功能： http://code.google.com/p/canvasimagegradient/ 我必须用canvas和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对象获取，其中height是函数，而不是属性？所以你应该theImage.height()，而不是theImage.height？

图像透明渐变与canvas和js，使用canvasimagegradient

1 个答案: