小程序canvas webgl有锯齿,如何消除
- 当前 Bug 的表现(可附上截图)
开发者工具,或者华为P10 plus手机上都有问题
- 预期表现
没有锯齿
- 复现路径
- 提供一个最简复现 Demo
运行了一个spine-webgl运行库,对小程序不支持的接口做了适配,但是运行效果会有锯齿。用web-view内嵌h5运行就没有锯齿。
代码片段
5 回复
需要手动设置一下 webgl 的逻辑像素。
gl.canvas.width = width * DPR
gl.canvas.height = height * DPR
DPR 可以通过 getSystemInfo 来获取。
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)