2014-11-02 71 views
-1

我不能畫任何東西,有沒有人看到錯誤?我想按下按鈕時嘗試,沒有工作,當文檔準備好也沒有工作。JCanvas沒有工作我不能畫任何東西

<!doctype html> 
<html> 
<head> 
<script src='jcanvas.min.js'></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<meta charset="utf-8"> 
<title>IO</title> 
<script> 
$(document).ready(function(){ 
    $('#act').click(function(){ 
     $('canvas').drawArc({ 
      fillStyle: 'black', 
      x: 100, y: 100, 
      radius: 50 
      }); 
    }); 
    $('canvas').drawArc({ 
      fillStyle: 'black', 
      x: 100, y: 100, 
      radius: 50 
      }); 

}); 
</script> 
</head> 

<body> 
<button id="act" type="button">Actualizar</button> 
<p>&nbsp;</p> 
<p> 
    <input type="number" name="quantity" min="-100000" max="100000"> 
    </p> 
</p> 
<canvas id='can' width='500' height='500'></canvas> 
</body> 
</html> 

回答

0

你JCanvas代碼沒問題。

我們在網頁中加載腳本文件的順序問題。 JCanvas庫使用jQuery。 因此,首先加載jQuery將解決問題。

此外,如果您在本地計算機上檢查,則可以使用HTTP加載jQuery CDN。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src='jcanvas.min.js'></script> 
+0

仍然不工作,我下載jQuery來確保心不是網絡的問題,我用'' – Pulse9 2014-11-02 17:20:08

+0

重新檢查,如果線加載的jQuery在以上加載JCanvas的線。我在本地機器上測試過,效果很好。確保您的瀏覽器支持畫布。 – Chitrang 2014-11-02 18:20:38

+0

是的,我解決了它謝謝你! – Pulse9 2014-11-02 18:20:58