Canvas指纹的技术原理，如何隐藏Canvas指纹

本文将由浅入深，带你了解Canvas 指纹，让你在多账号运营过程中少走弯路。

Canvas 能做什么？

·基础图形绘制（如画点、线、椭圆等）和文字的绘制

·图形的变形与合成（如缩放、旋转、叠加等）

·图片和视频的处理

·动画的实现

·小游戏的制作

下面是一个Canvas代码信息示例：

一般情况下，网站或者广告商都想要一种技术可以在网络上精确的定位到每一个个体，这样就可以通过收集这些个体的数据，然后加以分析之后更加精确的去推送广告和其他的一些活动。

比如某个用户浏览了哪些页面，搜索了哪些关键字，什么感兴趣，点了哪些按钮，用了哪些功能，看了哪些商品，把哪些放入了购物车等等。

但随着各浏览器对保护用户的隐私的加强，浏览器不提供有效的用户标识给网站，并且对网站常用的追踪技术进行屏蔽，例如，跨域请求不再携带cookies，增加无痕模式等。

这样在两次访问的区间也就无法识别是否是同一个用户，这样一来，网站就很难追踪用户行为了。

这个时候浏览器指纹也就应运而生。

网站通过浏览器获取的用户设备的硬件类型、操作系统、用户代理、系统字体、语言、屏幕分辨率、浏览器插件 、浏览器扩展、浏览器设置、时区差、地理位置 等众多信息，这些信息可以称之为浏览器的指纹信息。

但这些指纹信息“类似”人类的身高、年龄等，有很大的重复概率，不能对某个人进行唯一性标识。

基于HTML5的诸多高级指纹对此提供了新思路，其中，Canvas 指纹是最常使用的一种。

前面讲过，利用 Canvas 技术，可以在页面实时绘制图像，但不同的电脑绘制图像可能会有细微差别的，这种差别人眼通常无法识别，但通过对生成图像的数据进行运算，可以生成一个指纹值，用来识别不同的用户。

如果用户的设备，操作系统，浏览器都一样的话，画出来的图像是完全相同的，计算出来的 Canvas 指纹是一样的；

如果是两台不同配置的两台电脑， Canvas 指纹一般会不相同，下面的两个截图就是两台电脑通过下面这个网站链接：https://browserleaks.com/canvas 测试网站的指纹。

Canvas指纹并不是唯一的，上面 <Uniqueness> 后面的数值表示这个Canvas的唯一性比例，数值越高代表唯一性越高，但并非越高越好，因为这个指纹主要与电脑硬件配置相关的，特别是显卡型号。

其原理是，每次随机往 Canvas 画布里面注入一个随机的噪音（人肉眼是看不到的），从而影响图片数据的CRC校验结果。

下面是使用插件后的检测结果：

例如：在 chrome 设置中，找到 Advanced –> System，找到 “Use hardware acceleration when available”，关闭开关，重启chrome，再访问这个网站，发现指纹出现了变化。

并且我们在其它电脑上，关闭开关，会发现也是相同的指纹，这个避免了网站据此识别用户身份。

比如说，在AdsPower里创建10个浏览器环境，我们可以为这10个浏览器环境配置10个不同的Canvas 画布，而这种设置是直接在浏览器内核中实现，性能更高，操作使用更方便。