Discussion :

[owenho]

Bonjour tout le monde,

J'ai une div qui contient une carte que j'ai réalisé avec openlayers+osm(open street map).
J'aimerais bien faire un bouton qui va me permettre de créer une image à partir de la div et de l'envoyer au serveur pour générer un fichier pdf en utilisant la librairie FPDF.

Ma question est la suivante : comment pourrais-je faire pour exporter le contenu de ma div en image ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="map"  style="width: 700px; height: 350px; border: 1px solid black" ></div>

Y a-t-il une méthode en js ou en php ?

Cordialement.

[SpaceFrog]

la génération de l'image devra se faire coté serveur ...

[owenho]

D'accord, donc au niveau de php,
en javascript je peux pas !!
commet je peux la faire en php ??

[SpaceFrog]

php avec gdlib par exemple ...
mais pour le coup ça se passe sur le forum php

voir les tutos php ...

[owenho]

Merci pour vos réponse,
mais en lisant un peu sur la librairie , j'ai vu que gdlib permet de créer des graphe à partir des données dans une base de données , et donc c'est pas le cas pour moi,
moi j'ai une carte affiché sur une <div> et je veux l'exporté en une image ?
une idée je suis preneur !
Cordialement

[SpaceFrog]

j'ai vu que gdlib permet de créer des graphe à partir des données dans une base de données

certes il le permet ...
mais pas que ...
déjà tu parles de div ... donc côté client

il va falloir que tu explicites un peu mieux ton besoin
mais a priori c'est réalisable avec gdlib

[owenho]

Merci pour le temps que tu m'offres.

bon je t'explique en plus de details .j'ai un div qui contient une carte que j'ai créer avec openlayers et osm. donc mon div et comme suis,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="map"  style="width: 700px; height: 350px; border: 1px solid black" ></div>

voila ce qui apparait :

donc je veux que quand je clique sur Export map : je récupére le contenue de div sous forme d'image (donc image qui contient la carte affiché) .
aprés je contemple pour envoyé l'image récupéré au coté serveur pour générer un doc pdf avec fpdf.

Merci ,

[SpaceFrog]

passe le html du div au serveur et utilise html2pdf coté serveur

[owenho]

Ok merci , je vais essaye d'implementer cela.

[SylvainPV]

Si tu peux, utilises phantomJS. Je l'utilise pour exporter en PDF côté serveur une page assez complexe (CSS3, SVG et un tas de JS) et ça marche nickel.

[owenho]

Merci .
et il ya méme une autre façon de faire , en utilisant html2canvas (imprime l'ecran ou une partie ).
mais j'ai pas trouvé un exemple ou je peux me baser .
Crdt