为了账号安全,请及时绑定邮箱和手机立即绑定

调整HTML 5画布的大小以适应窗口

调整HTML 5画布的大小以适应窗口

ITMISS 2019-08-03 03:03:19
调整HTML 5画布的大小以适应窗口如何自动缩放HTML 5?<canvas>元素以适应页面?例如,我可以得到一个<div>若要通过设置height和width属性为100%,但<canvas>不会扩大,对吧?
查看完整描述

3 回答

?
胡说叔叔

TA贡献1804条经验 获得超8个赞

我相信我找到了一个很好的解决办法:

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: 0;}

到目前为止,还没有给我带来任何负面影响。



查看完整回答
反对 回复 2019-08-05
  • 3 回答
  • 0 关注
  • 684 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号