php - 如何在网站上画矩形突出显示？

Question

有什么方法可以实现 Google 反馈之类的功能 as shown here ？我们可以使用 CSS 使网站略微变黑，但我们如何在特定界面上绘制一个矩形，例如突出显示某些文本或错误。我们可以使用与 sprite cow 相同的概念，用于突出显示特定图像上的矩形 link .欢迎任何类型的想法和来源。

谢谢

Answer 1

执行此操作最直接的方法可能是在将鼠标拖到页面上时创建一个 div。

我怀疑 Google 使用类似这样的东西来做到这一点:

• 在整个页面的顶部绘制一个稍微暗淡的 div(“dimmer”)

• 当用户点击并拖动调光器时，他们将其拆分为多个 div，如下所示:

  ### | ## | ###
  ----+----+----
  ### |    | ###
  ----+----+----
  ### | ## | ###
  

• 在上面，中心区域是用户拖过的区域

• 中心区域现在是空的，您可以通过它看到网站，因为调光器被分成了 8 个较小的 div。
• 当用户按住鼠标按钮时，脚本会不断调整拆分调光器 div 的大小以适应用户拖动的矩形区域。

(它也可能会省略我在图表中包含的额外 div，因此它只有上面一个 div，下面只有一个 div，矩形，因为没有它们也可以工作)