关于canvas全屏的问题

刚上手canvas，被它的全屏问题，搞到蛋疼，最后解决了，非常激动。

关于canvas全屏，实际上要知道两样东西。
1.canvas等比缩放
2.canvas拉伸

1 等比缩放
方法一：<canvas width="500" height="500"></canvas>
方法二：使用HTML5 Canvas API操作

var canvas = document.getElementById('canvas的id');
canvas.width = 500;
canvas.height= 500;

以上方法设置宽高会以300*150的比例缩小扩大。

2 拉伸
若通过如下方法设置宽高，Canvas元素将由原来大小被拉伸到所设置的宽高。
方法一：使用CSS 会被拉伸

 #canvas的id｛
     width