私のページにキャンバスを作ろうとしていますが、動作しません。

これは私のコードです。<head><html>と<body>の部分は私の問題と関連していたとは思いません。 <head>には、CSSファイルへのリンクが含まれています。私は自分のページにキャンバスを置こうとしていましたが、何らかの理由で何も表示されませんでした。誰かが自分のコードを見て、何かが動作していないかどうか確認できますか？私のページにキャンバスを作ろうとしていますが、動作しません。

<div id="title"> 
    <h1 class="main">Options</h1> 
    </div> 
    <div id="field"> 
    <p> 
    <div id="rad"> 
     <input type="radio" name="bookmarks" value="ab" checked="checked"> All bookmarks<br> 
     <input type="radio" name="bookmarks" value="ao"> One folder<br> 
    </div> 
    <input id="input" type="text" value="Bookmark folder name"> 

    <br> 

    <button onClick="setname(null);" id="sub">Submit</button> 
    </p> 
    </div> 
    <canvas id="myCanvas" width="400" height="500"> 
    Your browser does not support the HTML5 canvas tag. 
    </canvas> 

    <script> 
    var c = document.getElementById("myCanvas"); 
    var ctx = c.getContext("2d"); 
    ctx.fillStyle = "#000000"; 
    ctx.fillRect(9,9,9,9); 
    </script>

スクリーンショット：キャンバスは完全にロードされる前に imgur

出典

2016-08-25 David C.

あなたは* * 'p'タグ内 –

あなたのスクリプトコードが実行されています。

使用window.onloadが負荷にキャンバスを待つ：

<script> 
    window.onload=(function(){ 
     var c = document.getElementById("myCanvas"); 
     var ctx = c.getContext("2d"); 
     ctx.fillStyle = "#000000"; 
     ctx.fillRect(9,9,9,9); 
    }); 
</script>

出典

2016-08-25 01:29:51 markE

感謝を' div'をラップするべきではありません！私はそれを忘れてしまった：P –

私のページにキャンバスを作ろうとしていますが、動作しません。

答えて

関連する問題