Javascript 如何向每个画布添加图像？

我在同一页上有10张画布。在每个画布上，我试图添加一个存在的图像。这可能吗？我尝试了下一个代码，但未显示任何图像：

var numberOfPages=$（'.draw_pages canvas'）.length；
var i=0；
var计数器=0；
对于（i=0；i要简单！使用jquery.each（）并在其中执行操作


$（函数（）{
$（'canvas'）。每个（函数（）{
var n=$（this.attr（'id'）.split（'uu'）[1]；
var context=this.getContext（'2d'）；
var image=新图像（）；
image.src=http://lorempixel.com/image_output/abstract-q-c-640-480-“+n+”.jpg'；
image.onload=函数（）{
drawImage（图像，0,057575）；
context.font='30px Arial'；
context.fillText（'helloworld'+n，20，20）；
}
});
})；

非常感谢您抽出时间来帮助我。效果非常好。很乐意帮助。希望您喜欢（；