关于图片对象的问题

Question

我想把一个数字拆分成一个个的图片，通过绘图来展示
现在有一张包含1到9数字的图片，当需要1的时候，我就在图片中截取1，然后作为一个对象
这个有什么方法可以实现或者有其他思路

Answer 1

<img src="1.jpg" id="img1"/>document.getElementById("img1");

Answer 2

我自己已经解决了
var num=Math.round(this.config.number);
    // 把数字拆分成单独的数字
    var a = (num / 10) << 0;
    var i = 0;
    var d = num % 10;
    var result = [];
    while (a || d) {
        result[i++] = d;
        d = a % 10;
        a = (a / 10) << 0;
    }
    
     var arr = result.reverse();//数字倒序
    // 把数字转换成图片显示。
            //try{
         for (i = 0; i < arr.length; i++) {
        try{ 
       this.ctx.drawImage(this.img,this.config.w * arr[i], 0, this.config.w, this.config.h, this.x + this.config.w * i, this.y, this.config.w, this.config.h);
       }
       catch(err){ 
       } 
        
        }