javascript - 如何裁剪 html 页面而不是图像

Question

我需要选择html页面的一部分并获取选择的坐标，而不是图像 - 我想实现像图像裁剪(方形选择区域)这样的功能，我该怎么做？

接下来我想要更详细的信息: 在 html 页面上的浏览器中，我单击按钮，然后所有页面都被禁用并变为深灰色，但小窗口以真实页面颜色显示，我可以操纵此窗口:使其更大或更小 - 结果我需要坐标此窗口的。

Answer 1

在目标元素(例如文档、表格等)上设置一些鼠标事件处理程序

• 按下鼠标时，在单击点创建一个大小为 0,0 的 div。
• 在 mousemove 时，使用 mousedown 事件中的原始 x,y 作为原点，调整 div 大小以扩展到新坐标
• 在鼠标松开时，使用刚刚创建的 div 坐标(“选择”)执行任何您想要的操作。

您可以在此覆盖 div 上使用 css 类为其提供虚线或点线边框，以便模仿操作系统选择框。

编辑:这仅允许您指定选择的坐标。如果您确实希望在用户计算机上呈现时抓取 html 页面的裁剪图像，则需要某种客户端浏览器插件来执行此操作。