Je souhaite créer des captures d'écran automatiquement à partir d'une fenêtre de navigateur et annoter certains éléments sur le site Web.Notes de mise en page automatique et marqueurs sur une page Web
je vais avoir à l'esprit d'écrire quelque chose comme ceci: (code pseudo)
- Lieu Note droite de l'élément "#login": "Ceci est le bouton de connexion"
Et la note devrait être ajoutée.
Je dois évidemment le faire directement à l'intérieur de CSS et/ou Javascript car après avoir pris la capture d'écran, les informations de l'élément seraient perdues.
Quelles sont les approches possibles à ce sujet?
Je suis intéressé par
- positionnement relatif des notes, des flèches et autres à côté de certains éléments HTML
- Positionnement automatique des boîtes pour éviter les chevauchements
- et toute autre chose qui pourrait être utile dans ce cas .
je poste une solution de projet possible et d'espoir pour les alternatives et mieux
Je suis également intéressé par les modules déjà existants (jQuery ou autres) pour aider ici.