《Fundamentals of computer graphics》4th edition: 3. Raster Images
本文仅仅是本人的学习笔记,由于自己能力有限,可能存在许多错误。 由于是学习笔记,内容不全,请以原著为主

光栅图像(Raster images)

光栅图像 (raster image)在很多地方更习惯把它称作位图( bitmap image)。我们可以简单的把一个位图理解成一个二维数组,数组的每一个元素记录了一个像素的信息。 除了位图我们还可使用矢量图(vector image)来描述图片。矢量图最大的优点就是与分辨率无关,我们可以很好的在高分辨率的显示器上显示它。矢量图的缺点是必须要进行光栅化处理才能在显示器上显示。所以矢量图一般用于高精度高解析度的图片。

(省略一大堆对输入输出光栅设备的描述)

1. 图形,像素与几何结构(Images, Pixels, and Geometry)

我们测量或是生成一幅图片时,一般用二维的关系去描述光线。所以在物理世界中,图像是定义在二维区域上的函数(几乎总是矩形的)。所以我们可以把图像抽象为一个函数:


R是一个矩形的区域,V是像素值可能值的集合。很明显这个式子表示的是一个连续的图像,但我们的光栅图像是离散的。举两个例子:
1、由摄像机或是扫描仪获得的像素颜色实际上是由测量这个像素点周围的一些小区域取平均值得到的。
2、一个用于显示的像素由红绿蓝亚像素(subpixel)组成

通过这种结构使得像素表面的平均值由相对应的光栅图像控制(取局部平均)。

上面两个例子,像素的颜色值都是取的局部的平均值,这种方法被称作为图像的点取样(point sample)。也就是说,当我们说一个像素的值是x的时候,指的就是这幅图片上这个像素点周围形成的网格的取值为x。

1.1像素值

理论上光的亮度是无界的,但是我们用的显示器都有明确的最大能显示光亮度的值,所以完全可以将光亮度表示为一个有界的值,通常简化的表示为[0,1]。例如一张像素值为8-bit的图,每个像素的可能值就是 0, 1/255, 2/255, 3/255 … 254/255, 1。使用浮点数做像素值储存的图片能表示的范围广,通常称为高动态范围(high dynamic range,HDR)图像,以将其与固定范围或用整数存储的低动态范围(low dynamic range,LDR)图像区分开来。下面是书上的一些例子和用法:

1.2 显示强度与gamma

这部分讲的就是γ校正的相关知识。

因为像素的输入亮度和显示器显示的亮度是非线性的关系。这种非线性关系大致可以表示为:

求γ的值得一种方法就是找介于黑白的中间值,即:

时 a的值,a的值可以让用户自己通过类似于拖动滑块改变灰度的方式确定。大概长下面这样子:

右边的灰度是用户自己控制的(书上说左边的黑白格子,离远了看或者是把眼镜摘掉看在模糊的情况下可以近似看做0.5时候的值,反正我是没看出来。。。)。

知道了a,很容易能求出γ,

我们得到γ后,进行gamma校正:

就得到校正后的像素了。说白了就是让输入和输出原本呈现非线性的关系通过gamma校正来达到输入等于输出的效果。

2.RBG颜色

过于简单。。不写了

3.Alpha合成(Alpha Compositing)

当两个图片进行混合的时候我们常用一个α系数去表示混合的比例:

cf是前景颜色,cb为背景颜色。α为1时前景完全不透明,为0时完全透明。
把α的值作为第四个通道储存在RGB图片中就形成了RBGA图片,α信息占8bit,可以看做是一张灰度图。

书上的示例:

一些常用的图片压缩格式

无损或有损

计算机图形学基础:光栅图像(Fundamentals of computer graphic:Raster Images) 学习笔记相关推荐

  1. GAMES101-现代计算机图形学入门-闫令琪——Lecture 19 Cameras and Lenses 学习笔记

    Lecture 19 Cameras and Lenses 一.Camera 1.Pinhole Image Formation 最早的相机是从小孔成像开始的. 2.Important Parts ( ...

  2. 计算机图形图像学基础,计算机图形学基础(第2版)

    计算机图形学基础(第2版) 语音 编辑 锁定 讨论 上传视频 <计算机图形学基础(第2版)>是2011年电子工业出版社出版的图书,作者是陆枫.何云峰. 书    名 计算机图形学基础(第2 ...

  3. 计算机图形学基础考试题,计算机图形学基础复习题

    <计算机图形学基础复习题>由会员分享,可在线阅读,更多相关<计算机图形学基础复习题(8页珍藏版)>请在人人文库网上搜索. 1.计算机图形学基础复习题 一.判断题 1. PNG( ...

  4. 【计算机图形学基础】投影矩阵

      最近在重温计算机图形学的基础知识,期望能做到温故知新,加深对其的理解,以便能从容应对工作中各种情况.   小弟水平有限,若有不正确之处,欢迎大家批评指正. 相关文章链接: [计算机图形学基础]线性 ...

  5. 计算机图形学基础教程代码,计算机图形学基础教程

    <计算机图形学基础教程>由会员分享,可在线阅读,更多相关<计算机图形学基础教程(19页珍藏版)>请在人人文库网上搜索. 1.第一章 1. 计算机图形学的主要研究内容是什么? 答 ...

  6. 计算机图形学基础教程论文,计算机图形学小论文

    为毕业生写计算机图形学小论文提供计算机图形学小论文范文参考,涵盖硕士.大学本科毕业论文范文和职称论文范文,包括论文选题.开题报告.文献综述.任务书.参考文献等,是优秀免费计算机图形学小论文网站. 计算 ...

  7. 计算机图形学基础第二版,计算机图形学基础(第2版)课后习题答案__陆枫.pdf

    计算机图形学基础(第2版)课后习题答案__陆枫 第一章绪论 概念:计算机图形学.图形.图像.点阵法.参数法. 图形的几何要素.非几何要素.数字图像处理: 计算机图形学和计算机视觉的概念及三者之间的关系 ...

  8. 计算机图形学基础学习笔记-其一:向量与线性代数

    计算机图形学基础学习笔记-其一:向量与线性代数 前言 计算机图形学概述 向量(矢量) 点乘 叉乘 点乘,叉乘与直角坐标系 矩阵 前言 GAMES101现代计算机图形学入门的学习笔记 正在为TA实习攒作 ...

  9. 【计算机图形学基础】第一章绪论

    第一章 绪论 1.1 计算机图形学的目标与任务 1.1.1 视觉交流视计算机图形学的核心目标 计算机图形学的核心目标在于创建有效的视觉交流,通过可视化的方式向公众进行展示. 视觉交流的一个基本问题是如 ...

  10. 计算机图形学基础何云峰,计算机图形学基础第版课后习题答案陆枫何云峰.doc...

    计算机图形学基础第版课后习题答案陆枫何云峰 第一章 绪论 概念:计算机图形学.图形.图像.点阵法.参数法. 图形的几何要素.非几何要素.数字图像处理: 计算机图形学和计算机视觉的概念及三者之间的关系: ...

最新文章

  1. mysql union查询_一本彻底搞懂MySQL索引优化EXPLAIN百科全书
  2. 玩转虚拟化VMWare之一: VMWare ESXi 5.0和vSphere Client安装和配置
  3. Laplacian Eigenmaps 拉普拉斯特征映射
  4. CodeForces 474.D Flowers
  5. MVC系列-6.注册页面
  6. 在win7下将CapsLock按键变成esc
  7. flink运行原理_浅谈Flink分布式运行时和数据流图的并行化
  8. Android RecyclerView和ScrollView嵌套使用
  9. 北大保安又双叒…出“传奇”!这次是挑战“天下第一考”
  10. python三引号的作用及用法
  11. pure tornado -- table
  12. ArcGIS Server 10.1发布结果地图服务——与10.0的区别及过程
  13. android 自动补全方法,# AndroidStudio代码块的自动补全
  14. android人物移动设计软件,实现在SurfaceView上移动游戏人物
  15. 网站搭建 (第01天) 模型设计
  16. android代码删除wifi,Android Wifi的forget()操作实例详解_Android_脚本之家
  17. AngularJS的内置过滤器 1
  18. IPV6邻居发现协议(NDP)
  19. vlan 虚拟局域⽹
  20. 微信公众号post方法Java_Java HttpClient 如何伪装微信浏览器进行POST请求

热门文章

  1. 利尔达与紫光展锐、中国电信等行业伙伴共筑NB-IoT安全生态
  2. 解决Ansys workbench Model(Mechanical)无法打开的方法
  3. 母婴店生意不好怎么改善?如何通过直播带货快速拓客引流?
  4. windows 脚本taskkill强制关闭进程报拒绝访问
  5. TCP、UDP报文格式
  6. OpenCv图像锐化及各种高通滤波
  7. 机器学习与人脸识别1:如何理解机器学习
  8. Fiddler实现手机的抓包(转载园友小坦克)
  9. 《那些年啊,那些事——一个程序员的奋斗史》——58
  10. 【微信小程序】小程序自定义随机分享图片