可添加背景杂质和文字扭曲变形，效果如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Anti-OCR</title>
<style>
.anti-ocr-canvas {
background-color: #f0f0f0;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<canvas id="anti-ocr-canvas" width="400" height="100"></canvas>
<script>
function drawTextToCanvas(text, canvasId) {
let canvas = document.getElementById(canvasId);
let ctx = canvas.getContext('2d');
// 添加背景杂质
for (let i = 0; i < 1000; i++) {
let x = Math.random() * canvas.width;
let y = Math.random() * canvas.height;
ctx.fillStyle = `rgba(14, 12, 123, ${Math.random() * 0.8})`;
ctx.fillRect(x, y, 1, 1);
}
// 设置文字样式
ctx.font = '20px Arial';
ctx.fillStyle = '#333';
// 扭曲文字
let chars = text.split('');
let x = 10;
let y = 50;
for (let i = 0; i < chars.length; i++) {
ctx.save();
ctx.translate(x, y);
ctx.rotate(Math.random() * 0.7 - 0.1);
ctx.fillText(chars[i], 0, 0);
ctx.restore();
x += ctx.measureText(chars[i]).width + Math.random() * 4 - 2;
}
}
drawTextToCanvas('这是一个防止OCR识别的文本。', 'anti-ocr-canvas');
</script>
</body>
</html> 网友回复
我知道答案，我要回答
私活外包
最新提问
DLNA与UPnP的区别和不同？
苏超自建抢票app，通过先预约再抽签化解高并发抢票？
python如何让给电脑在局域网中伪装成电视接收手机的投屏图片视频播放？
如何结合python+js如何自己的视频编码与加密播放直播？
python如何在电脑上通过局域网将本地视频或m3u8视频投屏电视播放？
腾讯视频爱奇艺优酷vip电影电视剧视频如何通过python绕过vip收费直接观看？
有没有可免费观看全球电视台直播m3u8地址url的合集？
有没有实现观影自由的免vip影视苹果 CMS V10 API的可用url？
python如何实时检测电脑usb插入检测报警？
如何判断真人操作的鼠标移动直线轨迹与机器操作的轨迹？
