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","")