ブラウザ ウィンドウから自動的にスクリーンショットを作成し、Web サイトの要素に注釈を付けたいと考えています。
私は次のようなものを書くことを念頭に置いています:(疑似コード)
- 要素 "#login" の右側にメモを配置: "これはログイン ボタンです"
そして、メモを追加する必要があります。
スクリーンショットを撮った後、要素情報が失われるため、CSS や Javascript 内でこれを直接行う必要があることは明らかです。
これに対する可能なアプローチは何ですか？
私は、に興味を持っています
- 特定の HTML 要素の隣にあるメモ、矢印などの相対的な配置
- 重なりを避けるためのボックスの自動配置
- この場合に役立つ可能性のあるその他のもの。
可能なドラフトソリューションを1つ投稿し、代替のより良いソリューションを期待しています
ここで役立つ既存のモジュール (jQuery など) にも興味があります。