用图像替换数字

Question

基本上我想要做的就是使用jQuery用图像替换数字。

我想用图像替换5小时53分钟，所以如果有5则会显示5.jpg，而3则替换它并显示3.jpg。

以下是我想要做的一个例子： http://pastehtml.com/view/c9of5gm15.html

Answer 1

$('time').html(function(i, v){
    return v.replace(/(\d)/g, '<img src=$1.jpg />');
});

这是小提琴：http://jsfiddle.net/FtfkK/

Answer 2

var number = 5;
$('#myImage').attr('src', 'my_image_path/' + number + '.jpg');

Answer 3

您需要使用HTML画布绘制数字，然后创建数据网址

请参阅Capture HTML Canvas as gif/jpg/png/pdf?