0

我想从浏览器窗口自动创建屏幕截图并注释网站上的一些元素。

我想写这样的东西：（伪代码）

  • 在元素“#login”的右侧放置注释：“这是登录按钮”

并且应该添加注释。

我显然必须直接在 CSS 和/或 Javascript 内部执行此操作，因为在截取屏幕截图后元素信息会丢失。

对此有哪些可能的方法？

我对感兴趣

  • 注释、箭头等在某些 HTML 元素旁边的相对定位
  • 自动定位框以避免重叠
  • 以及在这种情况下可能有用的任何其他内容。

我发布了一种可能的解决方案草案，并希望有替代和更好的解决方案

我也对已经存在的模块（jQuery 或其他）感兴趣，可以在这里提供帮助。

4

1 回答 1

0

关于相对定位：

我们想在元素“#login”中添加一个注释：

  • 插入一个具有绝对定位的新元素作为<body> 节点的子节点。
  • <body>通过从元素返回到并累加相对位置来获取元素的绝对位置。( jQuery's position() would help)
  • 将 note-element 的 left/top 设置为计算出的绝对位置#login加上它的当前宽度

未回答：自动定位

于 2013-06-06T11:47:00.583 回答