我們先來看乙個問題，這是從w3school上截下來的乙個canvas畫圓的**，其效果如圖
your browser does not support the html5 canvas tag.
**
下面是我的理解，如有錯誤請指出，canvas會先在預設寬高中繪製，在css中設定相當於對於原有的進行拉伸變換，在行間中設定相當於更改預設值。
關於canvas的寬高
canvas元素預設寬 300px,高 150px,設定其寬高可以使用如下方法 方法一 方法二 使用html5 canvas api操作 canvas.width 500 canvas.height 500 若通過如下方法設定寬高，那麼canvas元素將由原來大小被拉伸到所設定的寬高 使用css 會...
螢幕寬高的一些獲取方法彙總
比如上面說的screen.width screen.height這些資料在有的手機上並不準確，比如三星的某些型號。viewport和螢幕的真實尺寸並不是對應的，如在safari mobile中viewport預設寬度 320px 是螢幕真實尺寸 640px 的一半，這裡不管是用window.inne...
獲取canvas的寬高及重置
相信使用canvas製作2d圖畫的程式設計師都遇到過這麼乙個場景，定義好一塊區域，然後在這個區域內繪製圖畫，那麼所繪製的圖畫充滿這個區域，但是因為某些原因，我們要改變canvas的大小，同時改變外部包裹容器的大小。那麼我們怎麼獲取寬高呢？不同於普通dom節點，我們可以使用document.getel...