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

Bra*_*och 16 javascript html5 canvas

我有一个Web应用程序,我正在为一个使用图形库的客户端管理,该图形库使用画布生成图形.客户希望用户能够复制站点中的任何图形,以便将其粘贴到word文档中.具体问题:

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

我知道可以将画布保存为图像,但它比复制/粘贴更麻烦.

编辑: 我已经了解到您可以将画布转换为具有数据URI src的图像,但该图像上的复制和粘贴支持是混合的.Firefox允许您从浏览器中复制并粘贴这些图像,但Chrome不允许.

截至目前,似乎没有一种可靠的方法来复制和粘贴canvas元素.

Epe*_*eli 2

您无法使用 Javascript 直接与剪贴板交互,但可以在 Flash 的帮助下实现。

您可以按照此处的建议尝试 http://code.google.com/p/zeroclipboard/ How do I copy to the Clipboard in JavaScript?

复制二进制数据可能会有问题。

也可以看看

http://danielmclaren.com/node/91

  • 是的,您总是可以尝试类似的棘手事情,但是当您开始做诸如通过插件利用漏洞之类的事情时,您会开始质疑您所获得的东西是否值得。我发现画布返回的 Base64 编码图像的行为因浏览器而异。您可以从 Firefox 中复制并粘贴这些图像,但在 Chrome 中似乎无法正常工作。建立一个可靠的实现似乎真的很困难;似乎画布的复制/粘贴应该只是规范或其他内容的一部分。 (2认同)