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