fabric js canvas 初始化错误

Question

我用 canvas 创建了我的第一个 js 应用程序，但它不起作用。代码是从 http://fabricjs.com/ 复制而来的，只是包裹在 jQuery.

中

fab.js

var $ = jQuery;
$(document).ready(function(){
    var canvas = new fabric.Canvas('c');

    var rect = new fabric.Rect({
      left: 100,
      top: 100,
      fill: 'red',
      width: 20,
      height: 20,
      angle: 45
    });

    canvas.add(rect);
});

html

<html>
    <head>
        <title>Fabric.js</title>
        <script src="jquery-1.11.3.min.js"></script>
        <script src="jquery-ui.min.js"></script>
        <script src="canvasjs.min.js"></script>
        <script src="fabric.min.js"></script>
        <script src="fab.js"></script>
    </head>
    <body>
        <div id="c">

        </div>
    </body>
</html>

Uncaught Error: Could not initialize canvas element

出了什么问题？

Answer 1

我下定决心：只需将 div 属性替换为 canvas!

<html>
    <head>
        <title>Fabric.js</title>
        <script src="jquery-1.11.3.min.js"></script>
        <script src="jquery-ui.min.js"></script>
        <script src="canvasjs.min.js"></script>
        <script src="fabric.min.js"></script>
        <script src="fab.js"></script>
    </head>
    <body>
        <canvas id="c">

        </canvas>
    </body>
</html>

现在可以使用了。

fabric js canvas 初始化错误

fabric js canvas init error

javascript

jquery

canvas

fabricjs