javascript - createPattern 未按预期返回

Question

我在变量“pattern”上收到 TypeError，并且我的脚本没有在标记的断点之后执行。我正在使用 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后，它解决了我的问题......