用js实现LSB图像隐写

在JavaScript中实现 Least Significant Bit (LSB) 图像隐写术，是一种将秘密信息隐藏在图像像素最低有效位的技术。以下是简单的步骤：

1. **读取原图**：首先，你需要加载待处理的图片作为二进制数据。

const img = new Image();
img.src = 'your_image.jpg';
img.onload = function() {
   const canvas = document.createElement('canvas');
   canvas.width = img.width;
   canvas.height = img.height;
   const ctx = canvas.getContext('2d');
   ctx.drawImage(img, 0, 0);
};

2. **提取LSB**：遍历每个像素的RGB值，将最右边的一位（最低有效位）用于存储信息。你可以创建一个新的数组来保存这些隐藏的信息。

let hiddenData = [];
for (let y = 0; y < canvas.height; y++) {
    for (let x = 0; x < canvas.width * 3; x += 3) { // 3是因为每个像素有三个通道(RGB)
        let pixelValue = ctx.getImageData(x, y, 1, 1).data;
        hiddenData.push(pixelValue[3]); // 取出Alpha通道并保存
    }
}

3. **嵌入信息**：如果你想隐藏文本或其他数据，需要先将其转换成二进制形式，然后逐位替换原图像的LSB。例如，可以使用ASCII编码处理文本。

function hideText(text) {
    let binaryText = text.split('').map(char => char.charCodeAt(0).toString(2));
    for (let i = 0; i < binaryText.length; i++) {
        hiddenData[i] ^= parseInt(binaryText[i], 2); // XOR操作
    }
}

// 使用前两步得到的hiddenData和一段要隐藏的文字
hideText('secret message');

4. **写回图像**：更新图像的Alpha通道，然后绘制到新图像上。

ctx.putImageData(new ImageData(hiddenData, canvas.width, canvas.height), 0, 0);

5. **保存结果**：最后，你可以把处理过的canvas转换为新的图片文件保存。

const dataURL = canvas.toDataURL('image/jpeg');
downloadImage(dataURL, 'steganographed_image.jpg');
function downloadImage(url, filename) {
    const link = document.createElement('a');
    link.href = url;
    link.download = filename;
    link.click();
}