Question

我用画布创建了我的第一个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>

未捕获错误：无法初始化canvas元素

出了什么问题？

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 init错误

1 个答案: