收藏
回答

webgl canvas渲染时锯齿很少,但是保存出来的图片锯齿非常明显?

在webglcanvas实时渲染时,锯齿会比较少,但是将webgl的画面截图后,保存出来的照片却有更多的锯齿。

具体截图操作是获取到webgl的画面后,通过2dcanvas的api转成imagedata,再绘制到2dcanvas上后,保存成图片。

可以发现截图出来的画面锯齿比实时渲染画面多。这个问题再浏览器上并没有那么明显。

对比图片:

上方为实时渲染,下方为截图结果。实际使用中,加载的模型差异更为明显

参考代码片段:

https://developers.weixin.qq.com/s/vLBj7Uml7ILu

需要先安装npm依赖

回答关注问题邀请回答
收藏
登录 后发表内容