请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

canvas画布移移动端自适应问题

在网上找了很久,还是没有解决方案,望老师解答下

正在回答

插入代码

1回答

傅猿猿 2018-04-15 13:39:10

你必须拿js去判断window大大小和缩放然后去自适应,canvas作为dom可以拿css去控制,但是里面用js画出来的东西可不是dom,所以一切canvas的自适应都是js处理的,包括微信这是这么干的

1 回复 有任何疑惑可以回复我~
  • 您好,关于canvas的自适应我还问下您:
    就是我这样动态设置canvas的宽高,可是刷新时刚开始闪现了一些背景图,但是给他动态赋值之后背景图就消失了,但是canvas的宽高就设置成功,我想了下没想明白,是因为跟js加载有关系吗?
    
    代码如下:
           document.getElementById("game").setAttribute('width',window.innerWidth);
     document.getElementById("game").setAttribute('height',window.innerHeight);
    回复 有任何疑惑可以回复我~ 2018-04-15 17:49:19
  • 提问者 艮山 回复 哆啦巧 #2
    js动态改变canvas画布时,会导致画布自动清除
    回复 有任何疑惑可以回复我~ 2018-04-15 18:01:43
  • 哆啦巧 回复 提问者 艮山 #3
    感谢!
    回复 有任何疑惑可以回复我~ 2018-04-15 18:58:57
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

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

帮助反馈 APP下载

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

公众号

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