はなぜ（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は整形式ではありません。「