樣式與腳本<style>     #canvas {                 width: 400px;                 height: 300px;                 border: 1px solid #999;     }  </style>  <script>     window.onload = function() {                 var canvas = document.getElementById("canvas");                 var ctx = canvas.getContext("2d");         ctx.fillRect(100, 100, 100, 100);     } </script>HTML部分<canvas id = "canvas"></canvas>瀏覽器上所呈現的為什么繪制出來的會是這個樣子的，不應該是距離左邊100px, 距離上邊 100px, 寬高都為100px的矩形嗎？