JavaScript 改變canvas的大小

前言

    canvas直接設置樣式改變的只是canvas的大小，但是像素點並沒有因此而改變，所以style 會拉升canvas的長寬，
    只有直接設置attribute的屬性 ，像素點的數量才會增加，canvas變化的同時，不會拉升圖形

1.直接設置style,

document.getElementById("canvas").style.width=""
document.getElementById("canvas").style.height=""

這種方法看似可行,實際上並不可以,改變了大小,但是圖像也被拉伸變形.

2.搞清楚了canvas,width和height實際上不是style的屬性,而是attribute屬性

我們可以這樣設置

document.getElementById("canvas").setAttribute("width","")
document.getElementById("canvas").setAttribute("height","")