Vous créez votre figure dans SVGeom, SVGeomh ou SVGeom3D.
Vous récupérer les caractéristiques de cette figure avec l'icône qui ressemble à une disquette qui complète les champs du formulaire en dessous de la figure.

Une version allégée, sans la possibilité de construire de nouveau objets, permet d'afficher la figure et de déplacer les points libres.

Vous appelez le fichier svg correspondant depuis une page HTML où vous collez les caractéristiques de cette figure dans des champs cachés.

Voici le code HTML de l'exemple "Point de Fermat" pour la définition de la figure.

<embed width="600" height="600" src="geom_affich.svg" name="dessin">
<form name="fichier">
<input type="hidden" name="fig" size="49" value="lllssspppssssssdddccc">
<input type="hidden" name="points" value="P1:LI;274;109;6;1;P2:LI;205;260;6;1;P3:LI;436;257;6;1;P4:R60;1;3;6;1;P5:R60;2;1;6;1;P6:R60;3;2;6;1;" >
<input type="hidden" name="segments" value="S1:PP;1;2;8;1;1;S2:PP;2;3;5;1;1;S3:PP;3;1;9;1;1;S4:PP;5;1;8;1;1;S5:PP;2;5;8;1;1;S6:PP;1;4;9;1;1;S7:PP;4;3;9;1;1;S8:PP;3;6;5;1;1;S9:PP;2;6;5;1;1;">
<input type="hidden" name="droites" value="D1:2P;2;4;14;4;1;D2:2P;3;5;14;4;1;D3:2P;1;6;14;4;1;">
<input type="hidden" name="cercles" value="C1:3P;5;1;2;8;2;0;1;C2:3P;1;4;3;9;2;0;1;C3:3P;6;3;2;5;2;0;1;">
<input type="hidden" name="lieux" value="">
<input type="hidden" name="polygones" value="">
</form>

Voici le code HTML de l'exemple "Point de Fermat" pour l'envoi des données de la figure au fichier SVG, la fonction init() étant appelée au chargement de la page HTML.

<script language=javascript>
figure=document.fichier.fig.value;
points=document.fichier.points.value;
segments=document.fichier.segments.value;
droites=document.fichier.droites.value;
cercles=document.fichier.cercles.value;
lieux=document.fichier.lieux.value;
polygones=document.fichier.polygones.value;
function init()
{svgdoc=document.dessin.getSVGDocument();
fig=svgdoc.getElementById("figure_def");child=fig.getFirstChild();child.setData(figure);
fig=svgdoc.getElementById("points_def");child=fig.getFirstChild();child.setData(points);
fig=svgdoc.getElementById("segments_def");child=fig.getFirstChild();child.setData(segments);
fig=svgdoc.getElementById("droites_def");child=fig.getFirstChild();child.setData(droites);
fig=svgdoc.getElementById("cercles_def");child=fig.getFirstChild();child.setData(cercles);
fig=svgdoc.getElementById("lieux_def");child=fig.getFirstChild();child.setData(lieux);
fig=svgdoc.getElementById("polygones_def");child=fig.getFirstChild();child.setData(polygones);}
</script>

Dans le fichier SVG, les données de la figure sont dans des objets "texte" cachés.