canvas 下rem 的應用

var winWidth = window.innerWidth;
var remVal = winWidth / 10;

 

 

<div id="main">
<div class="demo">
<canvas width="10.0rem" height="3.125rem" > </canvas>
</div>
</div>

。。。

var w = canvas.width * remVal,
h = canvas.height * remVal;

。。。

 

var w = canvas.width * remVal,
h = canvas.height * remVal;

。

。

。

canvas.width = w;
canvas.height = h;
canvas.style.backgroundImage = 'url(' + img.src + ')';
canvas.style.backgroundSize = '' + w + 'px ' + h + 'px';
ctx = canvas.getContext('2d');
ctx.fillStyle = 'transparent';
ctx.fillRect(0, 0, w, h);
layer(ctx);