Superposition de la toile HTML5 sur l'image

Je veux avoir une image de ce qui est téléchargé à partir de ma base de données et sur le sommet de la même taille dans la même position est un HTML5 canvas.

La plupart des solutions que j'ai trouvé j'ai été en utilisant JQuery/JavaScript, mais je veux une solution similaire, si possible, seulement à l'aide de CSS3, car les images sont en cours de sortie à partir d'une base de données et il peut y avoir plus d'une image sur la page et de chaque image aura une toile.

Comment puis-je y parvenir?

source d'informationauteur Colin747