在寫demo練習canvas畫圖時，新建一個canvas畫布，先將寬高寫在了css中，沒有在canvas標簽中設定寬高，得到的效果是錯誤的，代碼及效果如下，
正確的情況是一條45度傾斜從（10,10）到（200,200）的直線，但是顯示的效果變形了。查閱資料找到了原因。
<canvas >中有默認寬高300px*150px，如果在<canvas>標簽中沒有設定寬高，那么瀏覽器就會取默認值並進行拉伸，實際上我們在css中定義的寬高並沒有生效，所以會出現變形的情況。
正確的寫法應該是在<canvas>中設定所需寬高。
還有一種寫法是使用HTML5 Canvas API操作。
注意不要寫成drawing.style.width，那樣等於是設置了css，仍然會被拉伸。canvas畫布寬高只能通過數值設定，不能使用百分比，也不需要單位。
轉載自blog.csdn.net/feiyu_may/article/details/82178107