Javascript - Représentation visuelle de l'élément comme une image

Question

Ceci est un plan long mais I've seen things qui pourrait le rendre possible.

J'ai un div, qui est rempli d'images. Couvertures d'album si vous devez savoir. Et je veux permettre aux utilisateurs de télécharger cela comme une image. Donc, ils pourraient l'utiliser comme quelque chose comme un fond d'écran.

Est-ce possible? Obtenir cette représentation visuelle d'un élément et l'afficher comme une image?

Answer 1

Fondamentalement, vous ne pouvez pas faire cela. Au moins, un navigateur. Mais si ce n'est pas critique. Vous pouvez <canvas>

chèque ici http://www.nihilogic.dk/labs/canvas2image/

Answer 2

D'après ce que j'ai bien compris votre question, vous pouvez utiliser un

img

tag

pour cela. L'utilisateur peut voir l'image dans le navigateur et peut l'enregistrer sur son disque dur.

à partir de votre description chacun de l'image à l'intérieur sera une couverture d'album différent, donc en les combinant en une seule image ne sera pas une bonne idée.

Answer 3

En supposant que je comprends la question ... Si vous connaissez la position des images dans le div, vous pouvez concaténer les images ensemble côté serveur en une seule image. Ensuite, il suffit de cliquer sur un bouton pour appeler la fonction pour assembler et télécharger cette image.

Answer 4

Vous pourriez peut-être faire le rendu Serverside. Je veux dire par là que vous pourriez générer le HTML et le genre de "capture d'écran" sur le serveur. Le résultat serait presque toujours légèrement différent de ce que voit l'utilisateur, mais en fonction de vos besoins, cela pourrait suffire.

Il existe différents outils pour ce faire, par exemple wkhtmltoimage, qui est un projet de soeur wkhtmltopdf et peut être trouvé à https://code.google.com/p/wkhtmltopdf/