图像渲染
4篇文章 · 0订阅
  • 浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角
    从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。
    前端 HTML
    浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角
  • WebGL 纹理映射
    在WebGL中有一项很重要的技术 —— 纹理映射。说白了，所谓纹理映射就是将一张图片映射到一个几何图形的表面上去（就像孩童时喜欢在胳膊、手背上贴贴纸一样）😁将“贴纸”贴到一个矩形上之后，这个矩形表面看上去就像是一张图片，而此时，这张图片又可以称为纹理图像或纹理。 纹理映射的作…
    前端
  • WebGL 纹理颜色原理
    在绘制开始前，经常见到调用函数清空画布的代码gl.clear(gl.COLOR_BUFFER_BIT)，清空画布的绘图区实际上就是用之前定义好的背景颜色将颜色缓冲的的颜色清除。颜色缓冲区中存放着需要显示到画布上的像素的颜色数据，它属于帧缓存的一部分，与深度缓存、模板缓存等一起决…
    前端
  • WebGL纹理详解——压缩纹理的使用
    下面这张图是一辆陆虎越野车模型所用的纹理，原始分辨率为1024 x 1024。 浏览器从服务端加载这样一张图片时，其格式通常为JPEG，文件尺寸只有166KB，但是当WebGL处理一张纹理时就需要按照位图处理（这里所说的位图是指没有使用任何压缩算法的原始图片数据），如果图像中每…
    前端 WebGL