我一直是 clipboard.com 的用户，这是一个即将关闭的剪辑服务，其中一个杀手级功能是您可以剪辑网页的一部分及其所有内容和样式，就像裁剪图像一样，但是，您可以裁剪网页内容，而不是静态内容，然后您可以打开剪辑的内容及其所有样式、图像、文本、按钮和表单等元素，甚至闪存都已到位。而且我想创建类似的东西，但我无法提出如何做到这一点的确切算法。
据我了解，您可以通过内联 DOM 子树中每个元素的所有样式来实现类似的效果，看起来这就是 clipboard.com 的人所做的，这是剪辑的示例：
网页剪辑 http://monosnap.com/image/CIiUXkvHM3hKFxWkDbJQRtgtW.png
这是检查员 http://monosnap.com/image/PatIGWGY0ZjfSCdFnfwNkBGzy.png 的检查员剪辑代码中的代码
但我担心这种幼稚的方法行不通，例如，如果你剪裁一个具有负边距的 div，它会有效地离开视口。
所以问题是实现这样的事情的正确方法是什么？