Canvas 指纹是什么？网站如何通过浏览器绘图识别设备

核心结论：Canvas 指纹来自一次真实的绘图操作，结果由显卡、系统、字体和浏览器引擎共同决定；单项定不了身份，却能在参数交叉验证里暴露环境的真实底细。管理它抓两条——单环境读数要稳，环境之间要拉开差距。下文按原理、影响因素、识别边界、检测、MostMate 两档配置的顺序展开。

同一个网站，两台设备打开，页面里同一幅系统画出来的图，像素却对不上。这不是页面出错，是设备在绘图环节留下了各自的特征。网站把这份特征收走、算成一个值，就成了 Canvas 指纹——浏览器指纹里区分度最高的一类参数。MostMate 是一款指纹浏览器，Canvas 正是它指纹设置里的基础参数之一，本文讲清这项参数从生成到配置的链路。

网站怎么用 Canvas 给设备画一张「签名图」

Canvas 指纹来自一次真实的绘图操作：网站让浏览器画指定内容，再把结果读走、算成一个特征值。绘图用的是浏览器提供的 Canvas 绘图接口，网页游戏、图表、图片编辑共用的就是这套 2D 画布能力，接口细节见 MDN 的 Canvas API 文档。整个过程对用户无感。拆开是三步：

1. 绘制：页面脚本在画布上画出一段固定内容，常见的是几行文字加几何图形和渐变色块。
2. 读取：脚本用 toDataURL() 或 getImageData() 这类接口把画布导出成字符串或像素数组。
3. 比对：导出结果被算成哈希值，与这条环境之前的记录、或其他信号的预期放在一起核对。

为什么两台设备画不出同一张图

绘图结果由整条渲染链路共同决定，任何一环不同，像素就会有差别。同一份指令发给两台设备，系统先决定用哪套字体、怎么渲染文字边缘，再由浏览器引擎执行绘制，最后落到显卡和驱动上输出。四个环节各管一段：

• GPU 与驱动。同一份绘图指令，不同显卡和驱动版本算出的像素有细微差别，这是结果差异的主要来源。
• 操作系统与文字渲染。Windows、macOS、Linux 的渲染方式和抗锯齿策略不同，画同一行字，边缘平滑程度就不一样。
• 字体环境。画布上的文字要用本机字体渲染，装了什么字体、哪个版本都进绘图结果；字体列表的检测逻辑在字体指纹是怎么测出来的那篇拆过，两者共享同一个来源。
• 浏览器引擎与版本。Chromium、Firefox、WebKit 的绘制实现各有出入，大版本更新也会带进细节变化。

四个环节合起来决定了 Canvas 的区分度：单项差异微小，压成哈希之后，不同设备对不上的概率相当高。一张小图的背后，是整台设备的渲染链路在同时出镜。

Canvas 指纹能识别到什么程度

Canvas 指纹是一类区分度较高的设备特征，但单独定不了身份。它的边界有三条，先说清楚。

其一，哈希值相同不能反推设备相同：两台渲染链路恰好一致的设备可能得到同一个值，市面上的主流配置本来就大量重复。

其二，网站不会单独靠它做判断：Canvas 读数会和 UA、屏幕、字体、语言一起交叉验证，在这组参数里当那项「不易自报、只能现场测」的硬证据。

其三，它和 Cookie 不是一套机制：Cookie 存在本地、可以清除拒绝，Canvas 是访问时现场算的，清 Cookie 对它没有影响。

三条边界合成一个判断：Canvas 决定不了账号的命运，但同一批环境若哈希完全一致，在交叉验证里等于自己举手。

三步查看你环境的 Canvas 指纹

检测 Canvas 不用装工具，一个检测页加两次复测就够。按这个顺序做：

1. 记下当前读数。在环境里打开 BrowserLeaks 的 Canvas 检测页，页面会给出当前环境的哈希值和图像预览，把它记下来。
2. 同环境复测。关闭页面重新打开，或隔一两天再测：同一环境的哈希值应当不变。两次对不上，说明有额外的处理在介入读数。
3. 跨环境对比。开第二个环境跑同样的检测，两个哈希应当有可见差异——差距越大，环境之间的区隔越清楚。

读数看「稳不稳定、有没有差异」，不用追求具体数值。不同检测站的哈希值可能对不上：各家画的图形、导出方式、哈希算法都不一样。跨站比较没有意义，同一工具内的前后对比才有用。

MostMate 里 Canvas 两档怎么选

MostMate 的指纹设置把 Canvas 收成真实、噪音两档（界面显示 Real／Noise），默认取真实。。产品全貌见MostMate 是什么；官网的手动指纹设置清单里，Canvas 与音频、WebGL 等参数并列，创建环境时在同一块指纹设置区配置。两档差别先看对照：

真实档适合宿主机「底子干净」的场合：本机是英文版 Windows、做的正是美国环境，用真实渲染，读数与手动开浏览器一致，也没有拼装痕迹。限制同样清楚：同机多环境都用真实档，Canvas 读数就是同一个值，环境之间没有差异。

噪音档补的就是这个缺口：在环境的 Canvas 读数上叠加噪音，让读数与宿主机真实渲染脱开，批量建的环境彼此不同。前提是噪音受控——加完噪音的读数仍要落在真实设备的正常范围内，不然这份「不同」本身就成了显眼的异常；同一环境两次读数对不上也属异常特征，风险在为什么指纹随机化反而危险那篇有完整论证。

Canvas 还要和同源参数一起核对。画布渲染离不开操作系统、字体和显卡，这些参数应当指向同一套设备画像：选了 macOS 画像，音频、WebGL 图像这些同组参数就要一并按 macOS 的合理范围确认，只看 Canvas 一项容易漏掉组内错位。音频一项的档位逻辑，AudioContext 指纹怎么配那篇讲过，思路可以照搬。

配置完成后做一轮验证：在指纹设置里确认 Canvas 档位，右侧指纹预览面板的 Canvas 字段会显示 Noise[3LR450] 这样的代号——它是这份噪音配置的标识，每个环境各有一份，和检测页算出的哈希值是两回事，别拿代号去对哈希。实际读数要打开环境访问检测页查看，对照是否符合预期；之后每次换代理或调整指纹配置，都复测一遍再投入使用。

常见问题

Canvas 指纹和浏览器指纹是一回事吗？

不是。浏览器指纹是几十项参数组成的整体，Canvas 只是其中一项渲染类特征，和 WebGL、字体列表同属一类。总分是各项合起来的结果，Canvas 单项区分度高，不代表整个指纹就少见。

禁用 Canvas 能防止被识别吗？

不建议。Canvas 被大量网页功能依赖，禁用影响正常使用；绝大多数正常浏览器都支持 Canvas，「不支持」反而成了少见特征，更容易被挑出来。合理做法是控制读数的来源与一致性，而不是关掉接口。

Canvas 指纹会随浏览器更新变化吗？

会，但节奏和随机化完全不同。浏览器大版本更新带来的渲染变化全网同步，所有用户一起变，平台见过这种节奏。真实环境的 Canvas 值一年变几次属正常，频繁且无规律的变化才异常。

指纹浏览器能让每个环境的 Canvas 都不一样吗？

可以，噪音档承担的就是这个任务：在 Canvas 读数上叠加噪音，让批量环境的读数彼此拉开。前提是噪音幅度合理，读数仍要落在对应系统的正常范围内。

结语

Canvas 指纹的本质，是设备渲染链路在一张画布上的集中出镜：单项定不了身份，却是最难自报、只能现场测的一项。管理上抓两条——单环境读数经得起复测，环境之间哈希拉得开差距，同源参数指向同一套设备画像。想从零跑通一套环境，可以下载 MostMate，建好环境后把每个环境的 Canvas 读数验证一遍再投入使用。