“支持 1080p60”还不足以判断屏幕或摄像头能否连接:RGB888 显示要传每像素三个颜色分量,Bayer RAW10 摄像头通常只传每个感光点一个 10 位样本;同样分辨率和帧率,数据量可以相差很大。接口设计需要把内容格式、协议、物理层、引脚和电源时序分别核对。
场景 常见接口 首先理解什么
外接显示器 HDMI、DisplayPort 协商模式、视频格式与链路带宽
内置面板 eDP、MIPI DSI、面板 LVDS、RGB 面板时序、初始化、背光及供电
小屏寄存器/显存访问 SPI、8080/6800 类并口 写屏吞吐、帧缓冲与局部刷新
摄像头输入 CSI-2、并行像素接口 DVP PHY、RAW/YUV 格式、帧行时序与 ISP
接口并非按年代简单淘汰:并口相机、RGB 和 LVDS 面板在一些嵌入式与工业系统中仍有用途。应以器件支持和系统约束选择,不用“DP 总优于 HDMI”或“并口只能低分辨率”代替预算。
先计算有效像素,再理解消隐与线路编码
有效数据率的起点是 宽×高×帧率×每像素 bit 数 。1920×1080、60 Hz、RGB888 的有效区数据为 2.985984 Gbit/s。RGB 每分量 10 bit 则为 30 bit/pixel,增长 25%;YCbCr 4:2:2、4:2:0 通过减少色度采样降低平均数据量,但会影响彩色细节,尤其是桌面文字边缘。
对于按像素扫描的接口,还需给水平/垂直消隐留时间。假定教学时序总计 2200×1125,60 Hz 像素时钟为 148.5 MHz,按 24 bit 计算的扫描槽位预算为 3.564 Gbit/s,高于仅有效区的数值。
有效区 1920 × 1080 RGB888:每个有效像素 24 bit 行 消 隐 帧消隐 教学时序 总计 2200 × 1125 60 Hz 总像素时钟 = 2200 × 1125 × 60 = 148.5 MHz 1920×1080 有效画面之外,还有扫描时序与链路开销 图不按尺寸比例;包化接口不必把所有消隐像素当作 RGB 数据逐个发送,要按其传输模式计算。
传统 HDMI TMDS 在 RGB888 的常见情形下,每条数据通道每像素时钟发送一个 10 bit 符号,三条数据通道合计 148.5M×10×3=4.455 Gbit/s。消隐期间不是照样发送黑色 RGB 像素,而是使用相应控制与数据岛结构;这个算式用于说明时钟和线路编码预算。
DP、DSI 视频模式和 CSI-2 都有包化机制,不能把上述 TMDS 算式直接套用。真正要比较的是指定模式所需传输,与链路扣除编码、包头及调度开销后的可用能力。DSC 用于降低显示流量,通常以视觉无损为设计目标,不等于逐 bit 无损,更不代表任何收发两端都支持该压缩模式。VESA:DisplayPort 与 DSC
HDMI:视频数据之外还有能力读取与控制
传统 TMDS 使用三条数据差分通道和独立时钟通道;FRL 使用固定链路速率和嵌入时钟,不同模式可使用三或四条 lane,不能把所有 FRL 都画成固定四 lane。HDMI 2.1 的能力上限曾提升到 48 Gbit/s,HDMI 2.2 已扩展至最高 96 Gbit/s;这些是规范能力,不表示每个标注该版本的端口都实现最大速率或全部功能。HDMI 官方:2.2 概览
机制 作用 失败时常见表现
HPD 接收端连接/状态通知 主机不认为显示器可用,或反复重连
DDC / EDID 读取接收端声明的显示能力 分辨率缺失、识别为通用显示器
链路配置/训练 建立所需数据模式 高刷新率黑屏、降级或重试
CEC 消费电子控制 遥控联动异常,但不一定影响图像
内容保护相关握手 受保护内容的认证与传输 桌面正常,某些内容黑屏
EDID 告诉主机设备声称支持什么,不能证明当前线缆和实际链路有足够裕量;转换器和扩展坞也可能影响可见能力。版本号应配合速率、色深、HDR、VRR、DSC、音频等明确能力看待。
HDMI 不能统一标成“所有差分线都 AC 耦合”。传统 TMDS 的直流偏置/终端与 FRL 或桥接芯片内部接口不同;耦合和端接应按所用发送器、接收器及模式参考设计处理,避免两端随意加电容破坏直流条件。TI:TMDS/FRL 耦合方式
DisplayPort 与 eDP:lane 数和每 lane 速率共同决定预算
DP Main Link 传输视频等数据,AUX 用于能力读取、链路管理等控制,HPD 表示连接及事件。链路训练协调发送端和接收端,不能仅靠“能插进去”保证最高档位。
链路档位,按四 lane 原始聚合速率 扣线路编码后的参考预算
HBR2:5.4 Gbit/s/lane 21.6 Gbit/s 17.28 Gbit/s,8b/10b
HBR3:8.1 Gbit/s/lane 32.4 Gbit/s 25.92 Gbit/s,8b/10b
UHBR10 / 13.5 / 20 40 / 54 / 80 Gbit/s 需计 128b/132b 及额外开销;UHBR20 最大净载荷约 77.37 Gbit/s
这些预算仍要按实际流格式、lane 配置和实现核对。只标 DP 2.1 不能代替 UHBR10/13.5/20 的具体能力。MST 可在支持的设备间承载多个显示流,但它们共享链路带宽;多屏不是每屏各获一份完整链路。eDP 面向内嵌面板,具有适合面板的控制和省电机制,与外部 DP 的连接器、电源及背光接口不能直接互换。
USB-C DP Alt Mode 常见两 lane 视频加 USB 3.x,或四 lane 视频加独立的 USB 2.0 通路。分辨率/刷新率不能固定对应“两 lane 4K60、四 lane 8K30”,因为 HBR/UHBR 档位、位深和压缩改变预算。USB 与 Type-C
MIPI:DSI/CSI-2 是协议,D-PHY/C-PHY 是物理承载
MIPI Alliance 定义多种接口,不能把“MIPI”当作一种统一电压标准。DSI/DSI-2 面向显示,CSI-2 面向摄像头;二者可以使用相关 PHY,但数据格式、控制和连接方向不同,不能仅因为差分线数量相同直接互接。
物理层 典型传输组织 不应混淆的概念
常见传统 D-PHY 模式 独立差分时钟 lane 加若干数据 lane,高速 DDR 传输 数据 lane 并非各自按普通嵌入时钟链路恢复独立时钟
较新 D-PHY 可选模式 规范已加入可选嵌入时钟机制 不能反过来假设所有旧 SoC 都支持
C-PHY 三线一组的 trio,编码携带时钟信息 trio 不是普通两线差分 lane
传统 C-PHY 的 16 bit / 7 symbol 编码约为 2.286 bit/symbol/trio,所以 1 Gsymbol/s 对应约 2.286 Gbit/s 的编码承载能力;符号率不能直接写成 Gbit/s。可用模式和更高能力随 PHY 版本变化,文章不以一个固定“最高 4.5G/6G”代替器件规格。MIPI:D-PHY 、MIPI:C-PHY 编码说明
DSI 命令模式与视频模式,差在谁负责维持刷新节奏
命令模式通常向面板侧的显示存储写入区域数据,再由面板内部组织扫描;适合按需更新,但不意味着只能显示低刷新率或静态内容。实际还会使用 DCS 命令、窗口设置和 TE 等同步手段,减少写入与扫描冲突。MIPI:DSI
视频模式由主机按所选时序持续提供视频流,可有 burst/non-burst 等组织。面板内部是否存在行缓冲或其他存储取决于实现,不能概括成“视频模式绝对无帧缓冲”。丢失供流或配置错误时,面板未必能自己保留正确显示;主机显示控制器、内存带宽与 DSI 发送要共同满足时序。
连接同一分辨率的另一块 DSI 面板,也可能需要完全不同的上电、复位、初始化命令、lane 数、像素格式和时序。排线针数一致不意味着脚位或电压兼容。
CSI-2:像素位深、打包与控制链路一起核对
CSI-2 通过包头的数据类型、虚拟通道及长度等信息组织图像流。虚拟通道可区分同一物理链路中的不同流,但多摄像头通常需要适当聚合/桥接或传感器输出支持,不能把两个发送器直接并到同一数据线上。虚拟通道也不增加物理带宽。MIPI:CSI-2 多摄像头组织
摄像头的数据通路之外通常还有寄存器控制接口、外部参考时钟、电源、reset/powerdown 等信号。控制接口能读到芯片 ID,只证明控制路径有响应;CSI-2 的时钟、lane 映射、settle、数据类型和接收缓冲仍可能未配置正确。
Bayer RAW10 每感光点一个 10 位样本,不是 RGB 三个 10 位分量;传统紧凑打包中四个样本占五字节。接收器若将其展开到 16 位容器,内存数据量变大,应用还必须知道 stride、字节序、Bayer 排列和有效位位置。Altera:RAW10 打包与接收约束
CSI-2 线上 RAW10 紧凑打包 接收内存 假设展开为 RAW16 ISP 输出 假设 RGB888 2.592 MB / 帧 155.52 MB/s 4.1472 MB / 帧 248.832 MB/s 6.2208 MB / 帧 373.248 MB/s 同一幅 RAW10 图像:线上、内存和显示格式的字节数不同 统一按 1920×1080、60 fps、十进制 MB 计算;未计 stride、包头、元数据和额外读写。
1920×1080、60 fps、RAW10 的有效数据率为 1.24416 Gbit/s。假设仅为教学预留 20% 额外预算,两条数据 lane 各需约 0.746496 Gbit/s;这不是规范统一余量,真实值还受包开销、行间隔、嵌入数据和源端高速传输占空比影响。仅依据“1080p60”宣布必须两 lane 或四 lane 都不充分。
这帧 RAW10 紧凑数据为 2.592 MB,展开 RAW16 后 4.1472 MB,ISP 输出 RGB888 为 6.2208 MB。若 RAW16 先由 DMA 写入、再由 ISP 读取,RGB 再写回、再由显示控制器读取,仅这四次内存流量就约 2×248.832+2×373.248=1244.16 MB/s,还未计其他访问。实际流水线可能直接流式连接减少内存往返,因此这是一种具体架构预算,不能作为所有摄像头系统的固定开销。
四个10位样本怎样装进五个字节?
先只改变一个样本最低两位,观察前四字节保持不变、第五字节对应位置改变。跨过4的倍数时,高字节才进位。这里把线上40 bit与内存中的64 bit并列,帮助区分像素精度和容器宽度。
正在呈现知识画面 重新加载
四个10位样本怎样装进五个字节? RAW10将每个样本高8位单独存放,四组低2位拼成第五字节;展开为16位后多出的位不增加信息。
{"id":"raw10-byte-packing","title":"四个10位样本怎样装进五个字节?","summary":"RAW10将每个样本高8位单独存放,四组低2位拼成第五字节;展开为16位后多出的位不增加信息。","height":1000,"html":"<h2 data-i18n=\"heading\"></h2><p class=\"intro\" data-i18n=\"intro\"></p><div class=\"control\"><label for=\"p0\" data-i18n=\"p0\"></label><output for=\"p0\" id=\"p0-value\"></output><input id=\"p0\" type=\"range\" min=\"0\" max=\"1023\" value=\"1\" step=\"1\"></div><div class=\"control\"><label for=\"p1\" data-i18n=\"p1\"></label><output for=\"p1\" id=\"p1-value\"></output><input id=\"p1\" type=\"range\" min=\"0\" max=\"1023\" value=\"258\" step=\"1\"></div><div class=\"control\"><label for=\"p2\" data-i18n=\"p2\"></label><output for=\"p2\" id=\"p2-value\"></output><input id=\"p2\" type=\"range\" min=\"0\" max=\"1023\" value=\"515\" step=\"1\"></div><div class=\"control\"><label for=\"p3\" data-i18n=\"p3\"></label><output for=\"p3\" id=\"p3-value\"></output><input id=\"p3\" type=\"range\" min=\"0\" max=\"1023\" value=\"1023\" step=\"1\"></div><div class=\"track-row\"><span data-i18n=\"high\"></span><div id=\"high\" class=\"track\"></div></div><div class=\"track-row\"><span data-i18n=\"low\"></span><div id=\"low\" class=\"track\"></div></div><section class=\"panel\"><h3 data-i18n=\"bytes\"></h3><div id=\"bytes\"></div></section><section class=\"panel\"><h3 data-i18n=\"expanded\"></h3><div id=\"expanded\"></div></section><details class=\"scope\"><summary data-i18n=\"scopeLabel\"></summary><p data-i18n=\"scope\"></p></details>","css":".intro{margin:8px 0 18px;color:var(--muted);font-size:14px}.caption,.hint{font-size:12px;color:var(--muted);margin-top:12px}.control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin:14px 0;font-size:13px}.control label{font-size:13px}.control output{color:var(--accent);min-width:5em;text-align:right;font-variant-numeric:tabular-nums}.control input{grid-column:1/-1;width:100%;margin:0}.presets{display:flex;gap:4px;align-items:stretch}.presets button{flex:1 1 0;min-width:0;overflow-wrap:anywhere;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.actions button{flex:1;min-width:0;font-size:13px;min-height:42px}.copy{display:grid;font-size:14px;margin:16px 0}.copy>*{grid-area:1/1;margin:0}.reserve{visibility:hidden}.scope{margin-top:14px;color:var(--muted);font-size:12px}.scope summary{padding:8px 0;cursor:pointer}.scope p{margin-top:10px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.card{border:1px solid var(--rule);border-radius:9px;padding:14px;min-width:0}.card header{font-size:14px;font-weight:600;margin-bottom:10px}.card button{font-size:12px;width:100%;min-width:0}.card small{display:block;font-size:12px;color:var(--muted)}.card code{font-size:12px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metrics>div{border-left:2px solid var(--accent);padding-left:10px;min-width:0}.metrics span{display:block;min-height:3.2em;color:var(--muted);font-size:12px}.metrics strong{font-size:23px;display:block;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.formula{border-top:1px solid var(--rule);padding-top:12px;margin-top:14px;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.value{font:550 20px ui-monospace,monospace}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin:12px 0}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:6px}.legend .second:before{background:var(--second)}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0}.check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}select,input[type=text],input[type=number]{background:var(--paper);color:var(--ink);font:inherit;font-size:13px;padding:10px;border:1px solid var(--rule);border-radius:7px;max-width:100%;min-width:0}select{width:100%;min-height:42px}.band{height:20px;display:flex;background:var(--surface);border-radius:4px;overflow:hidden}.band i{height:100%;display:block;background:var(--accent);transition:width .25s}.band i.second{background:var(--second)}button:disabled{cursor:default}.status{font-size:13px;min-height:4.8em}.mono{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}\n@media(max-width:480px){.two{gap:8px}.card{padding:12px 9px}.actions button,.presets button{font-size:12px}.metrics strong{font-size:20px}.metrics{gap:8px}}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}\n.track-row{margin:16px 0}.track-row>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.track{display:flex;gap:5px;min-width:0}.cell{flex:1;min-width:0;min-height:48px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 3px;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cell.on{background:var(--accent-soft);border-color:var(--accent)}.cell.gold{background:var(--second-soft);border-color:var(--second)}.cell.empty{border-style:dashed;color:var(--muted)}.cell.error{border-color:var(--second);text-decoration:line-through}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.choices button{min-width:0;padding:10px 4px;font-size:12px;overflow-wrap:anywhere}.choices button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.relation{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px;margin:12px 0}.relation .cell{min-height:72px}.relation>i{text-align:center;font-style:normal;color:var(--accent)}.readout{font-size:13px;white-space:pre-line;min-height:6.4em;overflow-wrap:anywhere}.plot{position:relative;border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;margin:18px 0}.plot-row{height:28px;position:relative;margin:4px 0;background:var(--surface)}.plot-row i{position:absolute;inset-block:5px;background:var(--accent);min-width:2px;transition:width .2s,left .2s}.plot-row b{position:relative;padding:4px 6px;font:11px/28px ui-monospace,monospace;background:var(--paper);border-radius:3px}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}\n\n/* Action labels must remain readable across locales and narrow embeds. */\n.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.actions button{overflow-wrap:anywhere;white-space:normal;min-height:58px;padding:8px}\nbutton{overflow-wrap:anywhere}\n@media(min-width:640px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}}\n\n.metrics span{overflow-wrap:anywhere}\n.panel{border:1px solid var(--rule);border-radius:9px;padding:12px;margin:14px 0;min-width:0}.panel h3{font-size:13px;margin:0 0 10px;color:var(--muted)}.source{font:13px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.source mark{background:var(--accent-soft);color:var(--ink);border-bottom:2px solid var(--accent)}.source .fault{background:var(--second-soft);border-color:var(--second)}.diagram{display:block;width:100%;height:auto;max-height:320px;margin:14px 0;overflow:visible}.diagram text{fill:var(--ink);font:12px ui-monospace,monospace}.diagram .edge{stroke:var(--muted);stroke-width:1.5;fill:none}.diagram .edge.on{stroke:var(--accent);stroke-width:3}.diagram .node{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.diagram .node.on{fill:var(--accent-soft);stroke:var(--accent)}.diagram .node.gold{fill:var(--second-soft);stroke:var(--second)}.log{font:12px/1.8 ui-monospace,monospace;white-space:pre-line;overflow-wrap:anywhere;min-height:7.2em}.table{display:grid;gap:5px;margin:14px 0}.table .tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.table .tr>*{padding:8px 5px;background:var(--surface);border-radius:4px;min-width:0;overflow-wrap:anywhere;font-size:12px}.table .tr .on{background:var(--accent-soft)}.table .tr .gold{background:var(--second-soft)}.choices button{min-height:44px}.metrics strong{min-height:1.6em}.code-line{display:block}.code-line.on{background:var(--accent-soft);border-left:2px solid var(--accent);padding-left:6px}.status-badge{font-size:12px;color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile-grid .cell{min-height:40px}.actions button{min-height:48px}.form-field{display:grid;gap:8px;margin:14px 0;font-size:13px}.form-field input{width:100%;font-family:ui-monospace,monospace}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.formula{min-height:3.2em}.presets{flex-wrap:wrap}.presets button{flex-basis:25%;min-height:44px}\n\n.budget{display:flex;height:28px;margin:16px 0;background:var(--surface);border-radius:5px;overflow:hidden}.budget i{display:block;background:var(--accent);transition:width .2s}.budget i.gold{background:var(--second)}.intervals{margin:16px 0}.interval{position:relative;height:36px;background:var(--surface);margin:6px 0;border-radius:4px;overflow:hidden}.interval i{position:absolute;height:100%;background:var(--accent-soft);border-left:2px solid var(--accent)}.interval i.gold{background:var(--second-soft);border-color:var(--second)}.interval span{position:relative;z-index:1;font:12px/36px ui-monospace,monospace;padding-left:7px}.table .tr>*{min-height:4.8em}.formula{white-space:pre-line;min-height:7.2em}.actions:has(>button:only-child){grid-template-columns:1fr}.metrics strong{min-height:3.2em}.rangegrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:14px 0}.rangegrid .cell{min-height:30px;padding:3px 1px;font-size:10px}.message{min-height:7.2em;white-space:pre-line;font:13px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}\n/* Allow CJK hanging punctuation without overflowing a metric's border box. */\n.metrics>div{padding-right:4px}.metrics span{line-break:anywhere}\n\n.chart-wrap{margin:18px 0}.chart-label{font-size:12px;color:var(--muted);min-height:3.2em}.curve{display:block;width:100%;height:auto;max-height:320px;overflow:visible}.curve text{font:11px ui-monospace,monospace;fill:var(--muted)}.gridline{stroke:var(--rule);stroke-width:1}.metrics strong{font-size:20px;min-height:3.2em}.formula{font:12px/1.8 ui-monospace,monospace;min-height:9em}.readout{min-height:8em}.presets button{flex-basis:30%}.scope p{overflow-wrap:anywhere} .unit-note{font-size:12px;color:var(--muted);margin:10px 0}\n\n.metrics span{word-break:break-all;line-break:strict}.metrics>div{padding-right:6px}\n\n#high .cell{font-size:11px}#bytes,#expanded{font:13px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;min-height:4em}","js":"const $=s=>document.querySelector(s);const set=(id,v)=>$('#'+id).textContent=v;const t=k=>viz.t(k);function cells(id,values){$('#'+id).replaceChildren(...values.map(v=>{const e=document.createElement('div');e.className='cell '+(v.cls||'');e.textContent=v.text;e.title=v.title||v.text;return e;}));}function pressed(mode){document.querySelectorAll('[data-mode]').forEach(e=>e.setAttribute('aria-pressed',String(e.dataset.mode===mode)));}const esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]));const fmt=s=>'{'+[...s].sort().join(', ')+'}';function graph(id,nodes,edges){const el=$('#'+id);el.setAttribute('viewBox','0 0 360 200');el.innerHTML='<defs><marker id=\"arrow-'+id+'\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"5\" markerHeight=\"5\" orient=\"auto-start-reverse\"><path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"var(--muted)\"/></marker></defs>'+edges.map(e=>{const a=nodes[e[0]],b=nodes[e[1]],dx=b.x-a.x,dy=b.y-a.y,d=Math.hypot(dx,dy)||1;if(edges.some(r=>r[0]===e[1]&&r[1]===e[0])){const nx=-dy/d,ny=dx/d;return '<path class=\"edge '+(e[2]?'on':'')+'\" d=\"M '+(a.x+dx/d*22+nx*12)+' '+(a.y+dy/d*22+ny*12)+' Q '+((a.x+b.x)/2+nx*38)+' '+((a.y+b.y)/2+ny*38)+' '+(b.x-dx/d*25+nx*12)+' '+(b.y-dy/d*25+ny*12)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}return '<line class=\"edge '+(e[2]?'on':'')+'\" x1=\"'+(a.x+dx/d*25)+'\" y1=\"'+(a.y+dy/d*25)+'\" x2=\"'+(b.x-dx/d*28)+'\" y2=\"'+(b.y-dy/d*28)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}).join('')+nodes.map(n=>'<g><circle class=\"node '+(n.cls||'')+'\" cx=\"'+n.x+'\" cy=\"'+n.y+'\" r=\"25\"/><text x=\"'+n.x+'\" y=\"'+(n.y+4)+'\" text-anchor=\"middle\">'+esc(n.name)+'</text>'+(n.sub?'<text x=\"'+n.x+'\" y=\"'+(n.y+43)+'\" text-anchor=\"middle\">'+esc(n.sub)+'</text>':'')+'</g>').join('');}function table(id,rows){$('#'+id).classList.add('table');$('#'+id).replaceChildren(...rows.map(r=>{const row=document.createElement('div');row.className='tr';row.style.gridTemplateColumns='repeat('+r.length+',minmax(0,1fr))';r.forEach(x=>{const c=document.createElement('div');if(typeof x==='object'){c.textContent=x.text;c.className=x.cls||'';}else c.textContent=x;row.append(c)});return row;}));}function band(id,parts,total){$('#'+id).replaceChildren(...parts.map((p,i)=>{const e=document.createElement('i');e.style.width=(100*p.value/total)+'%';e.className=i%2?'gold':'on';e.title=p.name+': '+p.value;return e}));}function intervals(id,items,total){$('#'+id).replaceChildren(...items.map(p=>{const row=document.createElement('div');row.className='interval';const bar=document.createElement('i');bar.style.left=(100*p.start/total)+'%';bar.style.width=(100*(p.end-p.start)/total)+'%';bar.className=p.cls||'';const label=document.createElement('span');label.textContent=p.label;row.append(bar,label);return row;}));}function plot(id,series,xr,yr,opts={}){const e=$('#'+id),X=x=>42+(x-xr[0])/(xr[1]-xr[0])*298,Y=y=>175-(y-yr[0])/(yr[1]-yr[0])*148;let out='<defs><clipPath id=\"clip-'+id+'\"><rect x=\"42\" y=\"27\" width=\"298\" height=\"148\"/></clipPath></defs>';for(let i=0;i<3;i++){let x=xr[0]+i*(xr[1]-xr[0])/2,y=yr[0]+i*(yr[1]-yr[0])/2;out+='<path class=\"gridline\" d=\"M '+X(x)+' 27V175M42 '+Y(y)+'H340\"/><text x=\"'+X(x)+'\" y=\"194\" text-anchor=\"middle\">'+esc(opts.xfmt?opts.xfmt(x):Number(x.toFixed(2)))+'</text><text x=\"36\" y=\"'+(Y(y)+4)+'\" text-anchor=\"end\">'+esc(opts.yfmt?opts.yfmt(y):Number(y.toFixed(2)))+'</text>';}out+='<g clip-path=\"url(#clip-'+id+')\">';for(const s of series){out+='<path fill=\"none\" stroke=\"'+(s.color||'var(--accent)')+'\" stroke-width=\"2.5\" '+(s.dash?'stroke-dasharray=\"5 4\"':'')+' d=\"'+s.pts.map((p,i)=>(i?'L':'M')+X(p[0]).toFixed(2)+','+Y(p[1]).toFixed(2)).join(' ')+'\"/>';}for(const p of opts.points||[])out+='<circle cx=\"'+X(p[0])+'\" cy=\"'+Y(p[1])+'\" r=\"4\" fill=\"var(--second)\" stroke=\"var(--paper)\" stroke-width=\"1.5\"/>';if(opts.cursor!==undefined)out+='<path d=\"M'+X(opts.cursor)+' 27V175\" stroke=\"var(--muted)\" stroke-dasharray=\"3 3\"/>';e.innerHTML=out+'</g>';e.dataset.curves=JSON.stringify(series.map(s=>s.pts));}const curve=(fn,lo,hi,n=120)=>Array.from({length:n+1},(_,i)=>{const x=lo+(hi-lo)*i/n;return[x,fn(x)]});function inputs(draw){document.querySelectorAll('input,select').forEach(e=>{e.addEventListener('input',draw);e.addEventListener('change',draw)});draw()}const n=id=>+$('#'+id).value;const show=(id,v,d=3)=>set(id,Number(v.toFixed(d)));function draw(){let ps=[0,1,2,3].map(i=>n('p'+i)),bs=ps.map(v=>v>>2),last=ps.reduce((a,v,i)=>a|((v&3)<<(2*i)),0);ps.forEach((v,i)=>show('p'+i+'-value',v));cells('high',bs.map((v,i)=>({text:v.toString(2).padStart(8,'0'),cls:i%2?'gold':'on'})));cells('low',[3,2,1,0].map(i=>({text:'P'+i+': '+(ps[i]&3).toString(2).padStart(2,'0'),cls:i%2?'gold':'on'})));set('bytes',[...bs,last].map(v=>v.toString(16).padStart(2,'0').toUpperCase()).join(' '));set('expanded',ps.map(v=>v.toString(2).padStart(16,'0')).join('\\n'));$('#bytes').dataset.values=JSON.stringify([...bs,last]);}inputs(draw);","audio":false,"strings":{"bytes":"线上字节(十六进制)","expanded":"展开后(4×16 bit)","heading":"四个10位样本怎样装进五个字节?","high":"字节0…3:P0…P3的高8位","intro":"分别改变四个像素值,观察高8位与低2位的去向。","low":"字节4:P3低2位 → P0低2位","p0":"P0","p1":"P1","p2":"P2","p3":"P3","reset":"重置","scope":"传统CSI-2 RAW10打包,P0最先;显示字节的高位在左。只解释像素打包,不含包头、CRC、stride或Bayer排列。","scopeLabel":"模型范围与约定"}}
RGB 扫描与 8080/6800 并口不是同一接口
RGB 扫描接口通常提供并行颜色位、像素时钟及 DE/HSYNC/VSYNC 等时序,主机持续送像素。8080/6800 类 MCU 接口则用读写选通、命令/数据选择和数据总线访问显示控制器寄存器或显存,显示控制器再负责扫描。把两者放在同一组“8/16 位加读写”接线图中会直接误导硬件选择。
SPI 小屏同样常经控制器显存更新。480×320、RGB565 一帧需 307200 byte;40 Mbit/s 单线 SPI 即使不计命令和空隙,整帧最多约 16.28 fps,而 60 fps 全帧需要 147.456 Mbit/s。局部刷新能显著减少数据量,但应依据实际变化面积与控制器窗口命令计算,不靠“屏幕尺寸小”推断流畅。
面板 LVDS 常采用特定像素串行映射,数据对数量、单双链路和位宽随面板而定;JEIDA/VESA 等映射差异会造成颜色错误。VGA 传模拟 RGB 和同步,其画质取决于模拟带宽、时序与线缆,不能由“模拟”直接推出只能低分辨率。它们都需要对应发送端和面板/显示器规格。
按图像现象查层次
现象 先看什么 常见下一步
面板背光亮但黑屏 面板初始化、视频流、复位顺序 区分背光供电与像素链路
颜色整体不对 RGB/BGR、Bayer、位宽/打包、映射 核对像素格式,不先改链路速率
行错位、斜纹 stride、行长、有效区与同步 对照帧缓冲和传输字节数
高刷新率闪屏 lane 速率、误码与带宽、内存供流 区分链路不足和 FIFO underrun
摄像头 ID 正常但无帧 stream-on、PHY、lane/时钟与数据类型 控制总线和像素链路分开诊断
多摄像头混帧 虚拟通道、路由、接收资源 查聚合器及驱动的流映射
复算像素、lane 与内存预算
from math import isclose
w , h , fps = 1920 , 1080 , 60
assert w * h * fps * 24 == 2_985_984_000
pixel_clock = 2200 * 1125 * fps
assert pixel_clock == 148_500_000
assert pixel_clock * 10 * 3 == 4_455_000_000
raw10_frame = w * h * 10 / / 8
raw16_frame = w * h * 2
rgb_frame = w * h * 3
assert ( raw10_frame , raw16_frame , rgb_frame ) == ( 2592000 , 4147200 , 6220800 )
assert isclose ( w * h * fps * 10 * 1. 2 / 2 , 746_496_000 )
assert 2 * ( raw16_frame + rgb_frame ) * fps == 1_244_160_000
small_frame_bits = 480 * 320 * 16
assert small_frame_bits * 60 == 147_456_000
assert isclose ( 40e6 / small_frame_bits , 16. 276041666666668 )
print ( ' 显示扫描、RAW10 lane、内存流量与 SPI 刷新预算检查通过' )
这些是给定格式和架构下的预算,没有连接真实显示器或摄像头验证吞吐。
继续查阅