прозрачный градиент изображения с canvas и js, используя canvasimagegradient

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, где высота это функция, а не свойство?поэтому у вас должно быть theImage.height(), а не theImage.height?