Как на вход функции передать canvas

Есть функция:

var h = Hermite.init('hermite-worker.js');
h.resize({
    source: document.getElementById('image'), // any canvas or image elements, jQuery or native
    width: 400,
    height: 600,
    output: 'image', // [optional] `image` or `canvas`. If not entered output is same as input element.
    quality: 0.7, // [optional] applicable for `image` output only
}, function(output) {
    //your callback
});

Пытаюсь на вход подать значение ранее созданного canvas следующим образом:

canvas.getContext('2d').drawImage(img, X, Y, W, H, 0, 0, canvas.width, canvas.height);
canvas.toDataURL("image/jpeg", 1.0);
h.resize({
    source: canvas,
    width: 400,
    height: 600,
    output: 'image', 
    quality: 0.7, 
}, function(output) {
    //your callback
});

... и получаю ошибку Uncaught TypeError: h.resize is not a function Очевидно, что функция срабатывает раньше, чем запишется canvas. Если же на вход подавать не canvas, а изображение через конструкцию

var image = new Image();
image.onload = function(){
  h.resize({
    source: image,      
    ...

то функция отрабатывает корректно. Перепробовал многое, в том числе решения вида

$.when( 
  canvas.toDataURL("image/jpeg", 1.0)
).then(function(){
  h.resize({      
    source: canvas, 

...но все тот же результат в виде ошибки.

Прошу помощи и совета, что изменить в коде, чтобы функция дожидалась создания canvas, а затем получала его значение в качестве входных данных?