1. 程式人生 > >#前端學習之canvas—canvas練習(1)離奇事件:在正方形的畫布裡面繪製圓形顯示的是橢圓形

#前端學習之canvas—canvas練習(1)離奇事件:在正方形的畫布裡面繪製圓形顯示的是橢圓形

根據Html5的canvas的例子如下


由於如此,於是我寫出一下的程式碼


經過檢視才知道,canvas畫布的尺寸的大小和顯示的大小是有很大的區別的。在canvas裡面設定的是才是canvas本身的大小。前端渣渣一枚,看了很多大神的部落格,參考文章,可能自己半懂不懂的,可是隻要你反推想一想,就知道canvas裡面設定的其實不是style的樣式,如下圖所示比較容易理解,下面三種寫法,最有對比性就是第二個和第三個!canvas裡面設定畫布大小的根本和內聯樣式、行內樣式不是一個東西。