将角度视图转换为剪贴板图像

我想从Angular指令中将视图渲染成图像，以便用户可以右键单击它并将其复制到剪贴板。基本上我有一个指令，可以将信息编译成一个样式良好的Bootstrap脚手架，并希望能够右键单击，复制到剪贴板，并以img类型粘贴到文档中。将角度视图转换为剪贴板图像

试想：

<div class="fancyCss"> 
    <MyCustomHeaderDirective2 dataVal="foo"></MyCustomHeaderDirective2> 
    <MyCustomBodyDirective2> 
     <div class="row"> 
     <- Content -> 
    </MyCustomBodyDirective2> 
</div>

等的页面，他们加载了正确的“富”，看到的花式球台，点击右键，瞧，你的剪贴板表的JPG。目前这个过程是渲染，脱离剪切工具，点击并拖动，复制，粘贴。

为了清楚起见：这可能吗？这个库是否存在？最重要的是，我如何使用角度指令来实现这一点？

来源

2016-01-06 Seth

您可以添加您的要求，您的实施是否工作？ –

@krishnakumarsekar不，我没有一个工作实现。 – Seth

我想你已经试过了，现在在你最后一次更新问题后清楚，你想要一个图书馆来做...，请在下面找到我的答案 –

如果您正在寻找纯粹的客户端解决方案：https://html2canvas.hertzen.com/

或者更多的定制和万无一失的解决方案，你可以通过与联样式您的DOM到服务器端，并使用phantomJS渲染。拍摄快照，将其保存为图像并发送回客户端。

来源

2016-01-06 14:35:07 Yerken

没有可用

http://hertzen.com/experiments/jsfeedback/

http://html2canvas.hertzen.com/

库工作原理

它捕获画布中HTML DOM内容和粘贴
在画布可以将内容转换为图像格式

来源

2016-01-06 19:37:25

您好，我可以知道为什么它的低调 –

我upvoted，不是我。这很有帮助 – Seth

将角度视图转换为剪贴板图像

回答

相关问题