使用的游戏引擎是phaser
但是遇到了一个问题，就是在retina屏上，图片等会有锯齿。
原因是retina屏上一个物理像素等于两个css像素。把canvas视图调成两倍宽高，再用css压缩到原尺寸并不可行，原因是框架在绘图到canvas上的时候，记录的都是canvas上的像素坐标点，当点击屏幕的时候，识别到的坐标点就和原canvas上的坐标点不一致了，造成了物理碰撞，点击等事件都会错位。
求解决方法TT
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
389
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
渲染 2倍的canvas ，
然后用css去缩小canvas到屏幕大小就可以了。
这个问题和我之前提的问题是类似的：html5 canvas绘制图片模糊的问题