2013-06-06 5 views
0

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.

Répondre

0

En ce qui concerne le positionnement relatif:

Nous voulons ajouter une bonne note à l'élément « #login »:

  • Insérer un nouvel élément, avec positionnement absolu, comme un enfant du <body> noeud .
  • Obtenir la position absolue de l'élément en itérant de l'élément à <body> et en additionnant les positions relatives. (jQuery's position() would help)
  • Set gauche/haut pour la note-élément à la position absolue calculée de #login plus il est largeur actuelle

Non répondu: positionnement automatique

Questions connexes