面料js画布初始化错误

2015-12-02 139 views 1 likes

我用画布创建了我的第一个js应用程序，它不起作用。代码从http://fabricjs.com/复制，并包装在jQuery中。面料js画布初始化错误

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

到底哪里出问题了？

来源

2015-12-02 Dmitry

回答

我来分辨率：只是用canvas替换div属性！

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

它现在正在工作。

来源

2015-12-02 20:38:21 Dmitry

面料js画布初始化错误

回答

相关问题