将HTML画布复制到剪贴板作为图像

Question

我正在为一位客户管理的Web应用程序中使用了一个使用画布生成图表的图形库。客户希望用户能够复制网站上的任何图表，以便将其粘贴到Word文档中。具体问题:

是否可以将HTML画布元素作为图像复制到剪贴板上？

我知道可以将画布保存为图像，但这比复制/粘贴要麻烦一些。

编辑： 我了解到可以将画布转换为具有数据URI src的图像，但是对该图像的复制和粘贴支持不一。 Firefox允许您从浏览器中复制和粘贴这些图像，但Chrome则不行。

目前看来，似乎没有可靠的方法可以复制和粘贴画布元素。

- Brad Koch

---

你可以考虑使用适用于Chrome浏览器的HTML5拖放功能（http://slides.html5rocks.com/#drag-out），这可能会让你将图片从浏览器拖放到Word文档中。 - Jeff

另外，如果你从Chrome复制一个画布到图像，你可以使用“特殊粘贴”将其粘贴到Word中。 - Jeff

Answer 1

JavaScript无法直接与剪贴板交互，但可以通过Flash实现。建议使用http://code.google.com/p/zeroclipboard/，参见How do I copy to the clipboard in JavaScript?。不过，复制二进制数据可能会有问题。另请参阅http://danielmclaren.com/node/91。

- esamatti

---

是的，你可以尝试像那样的棘手问题，但一旦你开始通过插件来利用漏洞，你就会开始质疑这是否值得为了你所得到的。我发现画布返回的base64编码图像在不同浏览器上的行为不同。你可以在Firefox中复制和粘贴这些图像，但在Chrome中似乎无法正常工作。构建一个可靠的实现似乎非常困难；像复制/粘贴画布应该成为规范的一部分之类的事情。 - Brad Koch