爲什麼不這項工作（在畫布上用JavaScript圖）

-3

<html> 
    <style> 
     body { 
      margin: 0px; 
      padding: 0px; 
     } 
    </style> 

    <body> 
     <canvas id = "myCanvas" position = "absolute" width = "500" height = "500" style = "border: 1px solid #000000"></canvas> 
     <canvas id = "sidebar" position = "absolute" width = "100" height = "500" style = "border: 1px solid #000000"></canvas> 
     <script> 
      var canvas = document.getElementById(myCanvas); 
      var side = document.getElementById(sidebar); 
      var ctx = canvas.getContext("2d"); 
      function drawUser() { 
       ctx.fillStyle = "#000000"; 
       ctx.strokeStyle = "#000000"; 
       ctx.beginPath(); 
       ctx.moveTo(240, 500); 
       ctx.lineTo(250, 490); 
       ctx.lineTo(260, 500); 
       ctx.lineTo(250, 495); 
       ctx.closePath(); 
       ctx.stroke(); 
      } 
      drawUser(); 
     </script> 
    </body> 
</html>

基本上，箭頭形狀，我試圖提取未在屏幕上顯示出來。我似乎無法弄清楚爲什麼。

來源

2016-10-23 user3131097

您沒有關注瀏覽器控制檯中的錯誤消息。 – Tomalak

'getElementById（）'缺少單引號或雙引號使用JavaScript時，請使用瀏覽器控制檯查找錯誤報告。 – NewToJS

示例HTML格式不正確。 '