基于canvas的前端数据加密

Canvas-based Front-end Data Encryption

前端在数据加密方面一直不是强项,数据加密的工作一直放在后端执行,该文利用的html5中的canvas元素的操作像素点的特性,将数据通过某种特定的方式转换成像素点所对应的值,将数据存储在像素点中,然后用canvas操作像素点的特性绘制成加密后的像素点图片,达到对数据加密安全保护的效果。

The front end has not been a strong point in data encryption. The work of data encryption has always been performed on the back end. This article uses the characteristics of the operation pixel of the canvas element in html5 to convert the data into pixel points in a specific way. Value, store the data in the pixel, and then use the characteristics of the canvas operation pixel to draw the encrypted pixel image to achieve the effect of data encryption security protection.