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);