javascript - fabric.Canvas is not a constructor - Stack Overflow

admin管理员组

文章数量:1402812

I've included fabric like so: <script src="js/fabric_freedrawing.js"></script>

But when I use it like this:

var canvas;

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

}

I get

Uncaught TypeError: fabric.Canvas is not a constructor

I've included fabric like so: <script src="js/fabric_freedrawing.js"></script>

But when I use it like this:

var canvas;

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

}

I get

Uncaught TypeError: fabric.Canvas is not a constructor

• javascript
• canvas
• constructor
• fabricjs

Share Improve this question Follow asked Aug 30, 2016 at 11:50 JordyvDJordyvD 1,61511 gold badge2121 silver badges4646 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

I'm not sure what you have in your fabric_freedrawing.js file but adding your code to a snippet below seems to work just fine.

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

initSketchPad();

canvas {
  border:1px solid;
}

<script src="https://cdnjs.cloudflare./ajax/libs/fabric.js/1.6.4/fabric.min.js"></script>
<canvas height=300 width=300 id="sketch-pad">

your version of fabric.js isnt up to date all just not working well all u gotta do is download a new one simple just download it from here

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

本文标签： javascriptfabricCanvas is not a constructorStack Overflow