Enregistrement d'un filigrane complexe sur l'image

Question

Je ne suis pas sûr que ce soit possible.

J'ai une image dans un div.

<div id="image"> 
    <img src="mine.jpg" /> 
</div> 

Et j'ai une autre div avec le texte, qui est placé au-dessus de l'image (bien, plus précisément, sur la div qui contient une image).

<div id="image"> 
    <img src="mine.jpg" /> 
    <div id="watermark">Hello</div> 
</div> 

Maintenant, est-il possible de sauvegarder cela en tant qu'image? (hm, ça semble un peu ridicule même pendant que je tape cette question!).

Cela ressemble plus à "comment puis-je prendre une capture d'écran du navigateur de l'utilisateur".

Même si ce qui précède est impossible, y a-t-il même une approche à distance pertinente?

Answer 1

Non, ce n'est pas possible. La meilleure façon de le faire est de composer l'image en utilisant le code côté serveur. Comme PHP.

Je pense qu'avec html5 vous pouvez faire de telles minces avec la toile mais c'est loin d'une utilisation quotidienne, pour le moment.