1，宽度 高度

作品是放在微信和手机上展示的，一般是竖屏，高度应该百分百 宽度也是如此，但是保不齐有用户从电脑访问，不应该丢失比例，而且应该居中

需要做2点：

a,设置canvas为display:block;margin:0 auto;

这样他就能占一行并且居中了

示例：

[pcsh lang="css" tab_size="4" message="" hl_lines="" provider="manual"]

canvas{
	display:block;
	margin:0 auto;
	background:rgb(220,220,220);
}

[/pcsh]

b,获取窗口宽度和高度，看情况赋值给canvas宽高，

也就是竖屏就给他布满，横屏就给他按比例算出来

示例：

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

clientw = document.body.clientWidth;
clienth = document.body.clientHeight;
var canvas = document.getElementById('game');
canvas.setAttribute('height',clienth);
canvas.setAttribute('width',clientw > clienth ? clienth*980/1549 : clientw);

[/pcsh]

 

 

 

 

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 497 位童鞋阅读过。