fabric.Canvas不是构造函数

时间:2016-08-30 11:50:55

标签: javascript canvas constructor fabricjs

我已经包含了这样的面料:<script src="js/fabric_freedrawing.js"></script>

但是当我像这样使用它时:

var canvas;

function initSketchPad() {
    canvas = new fabric.Canvas('sketch-pad', {
        isDrawingMode: true
    });

}

我得到了

  

未捕获的TypeError:fabric.Canvas不是构造函数

2 个答案:

答案 0 :(得分:3)

我不确定您的fabric_freedrawing.js文件中包含哪些内容,但将代码添加到下面的代码段中似​​乎可以正常使用。

&#13;
&#13;
var canvas;
function initSketchPad() {
    canvas = new fabric.Canvas('sketch-pad', {
        isDrawingMode: true
    });
}

initSketchPad();
&#13;
canvas {
  border:1px solid;
}
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.4/fabric.min.js"></script>
<canvas height=300 width=300 id="sketch-pad">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你的fabric.js版本不是最新的只是不能正常工作所有你要做的是下载一个新的简单只需从这里下载

https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.4/fabric.min.js