當設定canvas的寬度和高度時，習慣性會不會使用內聯樣式。但對於canvas來說，fillRect()，只有在內聯樣式的時候才有效，外部的CSS往往會發生拉伸的情況。

        這是網上找來的答案：

        (1)在程式碼js中新增設定寬高屬性的程式碼設定寬度和高度：

    canvas.setAttribute("height",canvas.clientHeight);
    canvas.setAttribute("width",canvas.clientWidth);

    <canvas id="canvas" width="300" height="400" style="background:#fff;">
        <span>不支援canvas標籤</span>
    </canvas>