Question

我在变量“pattern”上得到一个TypeError，而我的脚本没有执行超过标记的断点。我正在使用JCanvas和JQuery，并且所有依赖项都已就绪。错误的原因是什么？使用了here的类似实现。

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后，它解决了我的问题......

createPattern未按预期返回

2 个答案: