JSでの設定要素の幅がhtml innerWidthを超えています

window.innerWidthとwindow.innerHeightを使用してキャンバスの幅と高さを選択すると、ツールバーやすべてを除いたキャンバスの幅と高さを設定する必要がありますhtmlの高さと幅。JSでの設定要素の幅がhtml innerWidthを超えています

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


</style>  

<body> 
<canvas id="myCanvas"></canvas> 
<script> 
    var myCanvas = document.getElementById("myCanvas"); 
    var c = myCanvas.getContext("2d"); 
    myCanvas.width = window.innerWidth; 
    myCanvas.height = window.innerHeight; 
    myCanvas.style.backgroundColor = "#000000"; 
</script> 
</body>

どのように私はこれを修正しますか？私は他のサンプルを見て、彼らはまったく同じことをしますが、それは私のコードで動作していません。

出典

2017-08-30 tankit88

これはissueでした。これは、キャンバスがインライン要素であるためです。それは、インライン要素がそうのようなブロック要素にそれを回すないので、それを作るために

：

canvas { 
    display: block; 
}

出典

2017-08-30 05:06:33

それは働いていた、私は、いくつかの問題ははinnerWidthやinnerHeightは、右の数値を取得ないでいたと思いました私の芝生を固定するための多くのおかげで：P – tankit88

JSでの設定要素の幅がhtml innerWidthを超えています

答えて

関連する問題