javascript - 使用 javascript 选择要在网页中剪辑的元素

Question

目前我正在尝试制作一个网页剪辑 Chrome 扩展。

我考虑过两种选择

1. 使用 html2canvas 将所选元素的 html 渲染到 Canvas 元素然后可以选择使用 canvas2image 将其保存为图像文件.

2. 第二个选项是获取所选元素的内部 html 及其样式，并以某种方式在剪贴板上重现该元素。

对于这两种方法，我需要首先让用户通过拖动选择框或其他东西来以图形方式选择元素。但我真的不知道如何做到这一点。 可能的解决方案有哪些？

顺便说一句，我非常感谢有关上述两种方法可行性的一些意见。

谢谢:)

Answer 1

var selection = document.getSelection();
var range = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
var clonedSelection = range.cloneContents();
var div = document.createElement('div');
div.appendChild(clonedSelection);
var html = div.innerHTML;
return html;

这样就完成了工作:)。也在普通文本、图像和 YouTube 视频上进行了测试:)。