关闭

解决canvas绘图很虚的方法

231人阅读 评论(0) 收藏 举报
分类:
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填充


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14991次
    • 积分:326
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:8篇
    • 译文:2篇
    • 评论:1条
    文章分类