如何让Canvas标签自适应设备宽度？

Question

怎么设置Canvas标签的宽度可以让它自适应占满设备或浏览器的宽度？

Answer 1

JavaScript 方法

function draw() {
  var ctx = (a canvas context);
  ctx.canvas.width  = window.innerWidth;
  ctx.canvas.height = window.innerHeight;
}

CSS方法

html, body {
  width:  100%;
  height: 100%;
  margin: 0px;
}