if (window.devicePixelRatio) {
<span style="white-space:pre"> </span>var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
this.canvas.style.width = width + "px";
<span style="white-space:pre"> </span>this.canvas.style.height = height + "px";
<span style="white-space:pre"> </span>this.canvas.height = height * window.devicePixelRatio;
<span style="white-space:pre"> </span>this.canvas.width = width * window.devicePixelRatio;
<span style="white-space:pre"> </span>ctx.scale(window.devicePixelRatio, window.devicePixelRatio);//根据DPR缩放
}
原理:
屏幕的DPR不同导致,需要按照当前DPR填充