(請益)html指定圖片隨機生成區間數字??

大家好!
我想詢問是否有厲害的朋友可以提供:
html 在指定一張圖片上面，指定區間數字(例如10-20) 隨機生成數字在圖片上面呢?

*希望數字可以自由調整大小、粗細體跟顏色

謝謝

使用canvas来绘制这个图片，在图片onload时使用canvas绘制这个图片，同时使用random方法来生成随机数，最后导出就可以了。

        var canvas = document.getElementById('canv')
        var ctx = canvas.getContext('2d')
        var img = new Image()
        img.src = 'xx.png'
        img.onload = function() {
            const random = Math.floor(Math.random() * (20 - 10) + 10);
            // 使用canvas的api来绘制上面的random，并且可以自由设置颜色、字体等等
            ctx.drawImage(img, 0, 0)
            const base64 = ctx.toDataURL(); // 想要的图片
        }