diff options
author | melonman <3318004856@qq.com> | 2022-02-12 16:45:29 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-02-12 16:45:29 +0800 |
commit | b4963acab8d4031d1bdee54aeed0bcdbf6ccd34b (patch) | |
tree | 73dad9f585998dbae09627731b02de85a1ba5a4c /files/zh-cn/web | |
parent | 598d014f73167546160f7ed774ceda25fc45d839 (diff) | |
download | translated-content-b4963acab8d4031d1bdee54aeed0bcdbf6ccd34b.tar.gz translated-content-b4963acab8d4031d1bdee54aeed0bcdbf6ccd34b.tar.bz2 translated-content-b4963acab8d4031d1bdee54aeed0bcdbf6ccd34b.zip |
WebGL_best_practices Untranslated paragraph (#4102)
Diffstat (limited to 'files/zh-cn/web')
-rw-r--r-- | files/zh-cn/web/api/webgl_api/webgl_best_practices/index.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/zh-cn/web/api/webgl_api/webgl_best_practices/index.html b/files/zh-cn/web/api/webgl_api/webgl_best_practices/index.html index 65072d91a0..17e5c7816b 100644 --- a/files/zh-cn/web/api/webgl_api/webgl_best_practices/index.html +++ b/files/zh-cn/web/api/webgl_api/webgl_best_practices/index.html @@ -20,11 +20,11 @@ translation_of: Web/API/WebGL_API/WebGL_best_practices <h2 id="需要记住的事情">需要记住的事情</h2> <ul> - <li>Some WebGL capabilities depend on the client. Before relying on them, you should use the WebGL <code>getParameter()</code> function to determine what values are supported on the client. For example, the maximum size of a 2D texture is given by <code>webgl.getParameter(webgl.MAX_TEXTURE_SIZE)</code>. Starting in Firefox 10, the <code>webgl.min_capability_mode</code> preference allows simulating minimal values for these capabilities, to test portability.</li> - <li>In particular, note that usage of textures in vertex shaders is only possible if <code>webgl.getParameter(webgl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)</code> is greater than zero. Typically, this fails on current mobile hardware.</li> - <li>The availability of most WebGL extensions depends on the client. When using WebGL extensions, if possible, try to make them optional by gracefully adapting to the case there they are not supported. Starting in Firefox 10, the <code>webgl.disable-extensions</code> preference allows simulating the absence of all extensions, to test portability.</li> - <li>Rendering to a floating-point texture may not be supported, even if the <code>OES_texture_float</code> extension is supported. Typically, this fails on current mobile hardware. To check if this is supported, you have to call the WebGL <code>checkFramebufferStatus()</code> function.</li> - <li>Rendering to a canvas can be done at a different resolution than the style sheet will eventually force the canvas to appear at. If struggling with performance you should consider rendering to a low resolution WebGL context and using CSS to upscale its canvas to the size you intend.</li> + <li>在客户端/浏览器使用某些WebGL功能前,还是建议先使用 WebGL <code>getParameter()</code> 方法,获取此类参数的范围,这些数据反映了你的客户端能够支持的真实应用范围。例如,使用 <code>webgl.getParameter(webgl.MAX_TEXTURE_SIZE)</code>可以查询设备上支持的最大的2D纹理尺寸。从Firefox 10开始,WebGL 属性 <code>webgl.min_capability_mode</code> 则可以被用来测试最小性能模式下的实际表现,以测试可移植性。</li> + <li>特别要注意的是,只有在 <code>webgl.getParameter(webgl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)</code> 大于零时,才能使用vertex shaders中的纹理。然而,目前的移动硬件上是不支持的 (译者:待确认文档时效性)。</li> + <li>大多数WebGL扩展的可用性取决于客户端。 在使用WebGL扩展时,如果可能的话,尝试通过优雅地适应不支持它们的情况,使它们成为可选的。从Firefox 10开始,属性 <code>webgl.disable-extensions</code> 允许模拟列出哪些扩展是不支持的,以测试可移植性。</li> + <li>另外,即使支持 <code>OES_texture_float</code> 扩展,也可能不支持渲染浮点类型数据的纹理。 通常,这在当前的移动硬件上是不支持的 (译者:待确认文档时效性)。 要检查是否支持浮点类型数据,必须调用 <code>checkFramebufferStatus()</code> 来验证.</li> + <li>实际渲染到画布的分辨率可以不同于样式表最终强制画布显示的分辨率。如果考虑性能,你应该试着渲染到一个低分辨率WebGL上下文,并使用CSS来升级它的画布到你想要的尺寸。</li> </ul> <h2 id="一般性能提示">一般性能提示</h2> |