美文网首页从0开始的视觉学习
[2].从计算机如何显示图片开始

[2].从计算机如何显示图片开始

作者: NealDN | 来源:发表于2020-07-09 19:27 被阅读0次

跳去目录


计算机的渲染流程

计算机显示一张图片,要先拿到图片数据,在通过特定的方式将图片显示到显示器上,显示器的画面是由一个一个像素点所构成的,显示器可显示的像素越多,分辨率就越高,画面就越精细,同样的屏幕区域内能显示的信息也越多,但对硬件的要求也就越高,能耗也越大。

图片显示流程

图片获取流程

现代计算机,一般会将图片以压缩格式(jpg、png)存放在服务器或磁盘里,需要使用这张图片时,CPU会首先去解压缩这张图片(解码),解压完成后,会得到一种中间状态的图片格式(在iOS系统中,会转化为位图,在其他系统中,会根据特定厂商的需求转换为其他格式),再对它进行光栅化处理,便得到了后续步骤需要使用的图片数字信号

图片显示流程

图片的显示主要是将内存中的图片数字信号显示在显示器上,这个过程是通过显示控制器的扫描进行显示的

1. 早期随机扫描显示

随机扫描系统使用像铅笔一样工作的电子束在CRT屏幕上创建线条图像。图片是由一系列直线段构成的。通过指示光束从屏幕上的一个点移动到下一个点, 在屏幕上绘制每个线段, 在该点上其x和y坐标定义每个点。画完图后。系统循环回到第一行, 并每秒设计图像的所有行30至60次。

随机扫描

2. 光栅扫描显示(类似于打印机,一行一行打印)

光栅扫描显示基于对像素的强度控制, 该像素以屏幕上称为“光栅”的矩形框的形式出现。开和关像素的信息存储在刷新缓冲区或帧缓冲区中。


光栅扫描

1. 简单的光栅扫描渲染流程

简单的光栅扫描渲染流程

2. 常用光栅扫描显示系统结构

常用光栅扫描显示系统结构

3. 高级光栅扫描显示系统结构

高级光栅扫描显示系统结构

4. 两种扫描方式

  • 逐行扫描(也称为非交错扫描)

    每一帧图像由电子束顺序地一行接着一行连续扫描而成,这种扫描方式称为逐行扫描

    优点:经逐行扫描出来的画面清晰无闪烁,动态失真较小。

    缺点:画面会突变,网络不好的情况下图片会失真,对环境的要求高

  • 隔行扫描

    优点:对带宽的要求较低,保证了视频的帧率

    缺点:行间闪烁,视频清晰度降低


跳去目录

相关文章

  • [2].从计算机如何显示图片开始

    跳去目录 计算机的渲染流程 计算机显示一张图片,要先拿到图片数据,在通过特定的方式将图片显示到显示器上,显示器的画...

  • swift纯代码创建

    创建view 创建UIImageView 1,使用图像控件显示图片 2,改变图片 3,从文件目录中获取图片 4,从...

  • 2018-09-04 pycharm总结

    pygame 1.pygame基本操作 2.显示图片 fill(颜色)颜色;计算机三原色(红,绿,蓝),每个颜色对...

  • Script基础-1

    1.计算机常识 计算机只能识别【0和1】比如:开关机指令显示一段文本显示一张图片 计算机所有能识别的指令都是由0和...

  • UIImageView

    UIImageView 用UIImageView来显示图片,其contentMode属性控制图片如何显示,默认值是...

  • [code]关于圆角图片问题

    CPU、GPU在渲染图片时是如何工作的? 计算机系统中CPU、GPU协同工作,CPU计算好显示的内容给GPU,GP...

  • 简书无法显示图片了,why?

    从昨天开始简书就无法显示文章中的图片。这还为啥呢?上次是宕机,这次是无法显示图片。文章最重要的是配图,没图片文章仿...

  • 01.16 显示文字与图片

    显示内容 显示图片 1.加载图片 image.load(图片地址) -> 返回图片对象(surface) 2.将图...

  • 基于SDWebImage实现的图片浏览器

    Demo 下载 一、预览 二、如何使用(使用简单) 三、库结构 四、内部实现 1、视图显示位置 2、显示第一张图片...

  • UImageView显示图片

    用于显示图片视图 属性:image: UIImage类型,用于设置要显示的图片。如何构建UIImage类型的对象...

网友评论

    本文标题:[2].从计算机如何显示图片开始

    本文链接:https://www.haomeiwen.com/subject/mnascktx.html