Javascript 如何将firefox浏览器中选定的文本作为图像写入

我面临的问题是：假设我们在浏览器窗口中选择一些文本。然后在鼠标向上移动时，我需要将所选文本保存为客户端系统上的图像

我可以通过将此选定文本写入本地系统上的文本文件 JavaScript和XUL。但现在我必须将其保存为图像

有人有JavaScript代码或建议吗

我已经使用XUL通过firefox扩展完成了这项工作。剩下的唯一问题是将文本保存为图像。

您可以使用。它是一个HTML标记，但您也可以在XUL中使用它——只需记住指定HTML名称空间。如果您在XUL文档中指定了该标记，您可以这样做：

function getSelectedText()
{
    var t = '';
    if(window.getSelection)
        t = window.getSelection();
    else if(document.getSelection)
        t = document.getSelection();
    else if(document.selection)
        t = document.selection.createRange().text;

    return t;
}

$('.mySelectableItems').on('onmouseup', function(e)
{
    var text = getSelectedText();
    if(!text) return false;//stopping propagation!!

    var svg = $('<svg width="300" height="300"><text x="85" y="124">'+text+'</text></svg>');
});

或者，如果您动态创建它：

var canvas=document.createElements（“http://www.w3.org/1999/xhtml“，”画布“）；

---

那你就可以了。您可以使用

canvas.toDataURL（）

将画布内容转换为图像（）。

您可以执行以下操作：

function getSelectedText()
{
    var t = '';
    if(window.getSelection)
        t = window.getSelection();
    else if(document.getSelection)
        t = document.getSelection();
    else if(document.selection)
        t = document.selection.createRange().text;

    return t;
}

$('.mySelectableItems').on('onmouseup', function(e)
{
    var text = getSelectedText();
    if(!text) return false;//stopping propagation!!

    var svg = $('<svg width="300" height="300"><text x="85" y="124">'+text+'</text></svg>');
});

函数getSelectedText（） { var t=''； if（window.getSelection） t=window.getSelection（）； else if（document.getSelection） t=document.getSelection（）； else if（文档选择） t=document.selection.createRange（）.text； 返回t； } $（'.mySelectableItems'）。关于（'onmouseup'，函数（e） { var text=getSelectedText（）； 如果（！text）返回false；//停止传播！！ var svg=$（''+文本+''）； }); 然后将svg放入web，并在img源中放入svg url

---

Via:，还有。

您是在这里谈论Firefox插件，还是打算在普通网页上实现这一点？