在webglcanvas实时渲染时,锯齿会比较少,但是将webgl的画面截图后,保存出来的照片却有更多的锯齿。
具体截图操作是获取到webgl的画面后,通过2dcanvas的api转成imagedata,再绘制到2dcanvas上后,保存成图片。
可以发现截图出来的画面锯齿比实时渲染画面多。这个问题再浏览器上并没有那么明显。
对比图片:
上方为实时渲染,下方为截图结果。实际使用中,加载的模型差异更为明显
参考代码片段:
https://developers.weixin.qq.com/s/vLBj7Uml7ILu
需要先安装npm依赖