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

标签 javascript jquery firefox-addon xul

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

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

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

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

最佳答案

您可以使用 <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 )。

关于javascript - 如何从 firefox 浏览器中将选定的文本写为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8820697/

相关文章:

javascript - 将条形子弹图转换为柱形图

javascript - Angular 在单击时将按钮内容添加到数组

javascript - 如何判断具有多个单词的输入值是否包含 jQuery/javascript 中数组的值

javascript - jQuery + 扩展 Object.prototype = "c.replace is not a function"

javascript - 如何将通过 ajax 加载的元素附加到之前通过 ajax 加载的另一个元素?

javascript - jQuery 检查类中的每个元素与其他元素

Firefox 扩展中的 Javascript 正则表达式

c# - 自 Bitbucket 存储库变为私有(private)以来下载 GeckoFX 旧版本

javascript - 如何让firefox扩展在指定域上运行js

javascript - 在 html 表中补充池