javascript - 如何从 firefox 浏览器中将选定的文本写为图像

Question

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

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

有人有任何 JavaScript 代码或建议吗？

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

Answer 1

您可以使用 <canvas> tag 来做到这一点.它是一个 HTML 标记，但您也可以在 XUL 中使用它 - 只需记住指定 HTML namespace 即可。如果您在 XUL 文档中指定该标记，您可以这样做:

<canvas xmlns="http://www.w3.org/1999/xhtml" width="..." height="..."/>

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

var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");

然后您可以 draw text into the canvas .你可以使用 canvas.toDataURL()将 Canvas 内容转换为图像 ( code snippet saving that image to a file )。