调整HTML5画布大小以适应窗口

shekhardevyn提出了一个问题:Resize HTML5 canvas to fit window,或许与您遇到的问题类似。

回答者devyn给出了该问题的处理方式:

I believe I have found an elegant solution to this:

JavaScript

/* important! for alignment, you should make things
 * relative to the canvas' current width/height.
 */
function draw() {
  var ctx = (a canvas context);
  ctx.canvas.width  = window.innerWidth;
  ctx.canvas.height = window.innerHeight;
  //...drawing code...
}

CSS

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

Hasn't had any large negative performance impact for me, so far.

希望本文对你有帮助,欢迎支持JavaScript中文网

原文链接:stackoverflow.com

上一篇:这个JavaScript习语的基础是什么?
下一篇:在jQuery中,如何通过name属性选择一个元素?

相关推荐

官方社区

扫码加入 JavaScript 社区