createPattern не возвращается, как ожидалось

Question

Я получаю TypeError в переменной "pattern", и мой сценарий не выполняется после отмеченной точки останова. Я использую JCanvas и JQuery, и все зависимости на месте. В чем причина ошибки. Здесь используется похожая реализация.

function drawMe(thumbUrl){
  function drawThumb(){
    $("canvas").drawRect({
      //Code breaks here.
      fillStyle: pattern,
      x: 200, y: 100,
      width: 250, height: 100,
      fromCenter: false         
    });
  }

  var pattern = $("canvas").createPattern({
    source: thumbUrl,
    repeat: "repeat",
    load: drawThumb
  })

}

drawMe("http://placehold.it/100x100");

Answer 1

Я думаю тебе нужно это изменить

function drawThumb(){
    $("canvas").drawRect({
      //Code breaks here.
      fillStyle: pattern,
      x: 200, y: 100,
      width: 250, height: 100,
      fromCenter: false         
    });
  }

к этому

function drawThumb(pattern){
    $("canvas").drawRect({
      //Code breaks here.
      fillStyle: pattern,
      x: 200, y: 100,
      width: 250, height: 100,
      fromCenter: false         
    });
  }

Answer 2

У меня была эта проблема на Chrome. После перезапуска Chrome это решило проблему...