fabric.Canvas不是构造函数

Question

我像这样包括面料: <script src="js/fabric_freedrawing.js"></script>

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

var canvas;

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

}

我明白了

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

Answer 1

我不确定您的fabric_freedrawing.js文件中有什么，但将代码添加到下面的代码片段似乎效果很好。

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

initSketchPad();

canvas {
  border:1px solid;
}

<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">