單獨的Javascript代碼來自HTML Canvas

我正在學習從JavaScript代碼繪製的HTML5畫布。單獨的Javascript代碼來自HTML Canvas

看來，我不能從原始的HTML單獨的Javascript代碼。一直在尋找一些解決方案：

這些一直不是我一個解決方案，因爲在我實現這兩個解決方案是什麼，在我看來是空白的畫布。

這是我的代碼。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Christoper Hans' Paint HTML5 Project</title> 
    <link rel="stylesheet" type="text/css" href="paint.css"> 
    <script type="text/javascript"><!-- 
     window.addEventListener('load', function() { 
      var ctx = document.getElementById("paint").getContext("2d"); 
      ctx.canvas.width = window.innerWidth; 
      ctx.canvas.height = window.innerHeight; 

      function drawRect(ctx, x1, y1, x2, y2, fill) { 

      ctx.fillStyle=fill; 
      ctx.fillRect(x1, y1, x2, y2); 
      } 

      drawRect(ctx, 100, 100, 200, 250, "FF0000"); 
     }, false); 
// --></script> 

</head> 
<body> 
    <canvas id="paint" width="500" height="500" style="border:1px solid #c3c3c3;"> 
    Your browser does not support the HTML5 canvas tag. 
    </canvas> 
</body>

我不知道爲什麼，但只有這種代碼這是我從後得到了這個網站作品，我不能在javascript來外部文件分開。

TL; DR：想要將javascript從html分離出來以便與canvas一起工作。

任何幫助傢伙？

來源

2013-04-24 Christoper Hans

我不明白這個問題。你能改說嗎？ – akonsu 2013-04-24 14:04:11

您是否介意在瀏覽器控制檯中發佈任何錯誤代碼？ – Joe 2013-04-24 14:04:15

放置塊'

對不起。這是我的錯誤，使任何外部JavaScript不加載。 @CBroe指出了這一切，現在似乎都在努力。

來源

2013-05-02 03:30:08

相關問題