Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

WebGL的抗锯齿设置

  说到抗锯齿,这个是Canvas的一个大问题。在Canvas2D中这个问题很难解决,不过在WebGL中,有提供接口来设置这个自动抗锯齿功能的开启和关闭。这个功能在Chrome中已经默认启用了,但是在Firefox中虽然有这个功能,但是没有默认开启,还需要手动去设置。
  我们来画一条直线就知道,默认情况下Firefox中是没有开启抗锯齿的,而Chrome中默认开启。

  如果要关闭这个功能可以在从Canvas中获取WebGL对象时加个参数。
webgl=canvas.getContext("experimental-webgl",{antialias:false});   这样获取到的webgl对象绘制出来的东西就不会开启抗锯齿功能了。这这时Chrome中可以得到和火狐中一样的结果。

  但是反过来就不行,把antialias设置成true,在Firefox中也无法得到原来Chrome中的结果。只有在about:config中,把“webgl.msaa-force”设置成true时,程序中的antialias参数才能生效。

webgl=canvas.getContext("experimental-webgl",{antialias:true});
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^