html怎麼修改成指定圖片上有隨機數字?

<請益厲害的朋友>以下網址裡面的html,如何改成指定的一張圖片(點擊連結另外跳出視窗),圖片上有指定區間的隨機數字(數字可調整大小、粗細和顏色)呢?

https://blog.csdn.net/weixin_42617075/article/details/82465428


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>0-9数字的4位数的随机数</title>
</head>
<body>
<div class="yzm" style="width: 20%;
    height: 300px;
    text-align: center;
    background-color: gray;
    line-height: 200px;">
</div>
<script>
    window.onload = function () {
        var yzm=document.querySelector(".yzm");
        //页面一加载完成就生成随机数调用rand()
        yzm.innerHTML=rand(4);
        //点击切换随机码
        yzm.onclick=function() {
            var num = rand(4);
            this.innerHTML = num;
        };
        // 生成随机码
        function rand(number){
            //用来存储产生的随机数
            var num="";
            for(var i=0;i<number;i++){
                num+=Math.floor(Math.random()*10)
            }
            return num;
        }
    }
</script>
</body>
</html>

这段代码是向html页面输出了一个随机数,并没有操作图片,你是要实现验证码么?

你是想要验证码?

推推~

有厲害的朋友會嗎?