2
我有一个网页，我希望当我点击捕捉按钮时，它应该捕捉网页的屏幕，包括谷歌聚合物元素，并将其保存在根文件夹中。我试过html2canvas库，但它不工作。如何在html和javascript中捕获聚合物元素的截图？
A
回答
0
我认为你最好的选择是使用服务器端浏览器少的应用程序，如建立在最新webkit上的PhantomJS（http://phantomjs.org/）。您还可以使用节点调用PhantomJS，例如https://www.npmjs.com/package/url-to-screenshot
我不认为你会得到任何在跨浏览器兼容的前端上实现的工作。
或者使用已经实现了服务器端webkit渲染引擎的服务，如https://screenshotmachine.com/，例如https://screenshotmachine.com/serve.php?img=polymer-tut-appspot-com-FULL-b521fb.png是聚合物示例https://polymer-tut.appspot.com的屏幕截图。
希望有帮助
相关问题
- 1. 如何在聚合物元素中包含外部HTML
- 2. 将JavaScript聚合物元素导入Dart
- 3. 如何获得聚合物2.0中的基本元素？
- 4. 如何使用聚合物元素
- 5. 递归聚合物元素
- 6. 隐藏聚合物元素
- 7. getElementById聚合物元素
- 8. 聚合物火母元素
- 9. 在聚合物中创建锚元素
- 10. 在聚合物元素中使用SVG
- 11. 如何替换聚合物中的元素和存根方法
- 12. 聚合物纸元素属性和Angular2
- 13. 如何在聚合物元素中使用细胞色素？
- 14. 聚合物2.0：聚合物1.0杂化元素不适用于聚合物2.0？
- 15. 如何在safari中查找shadow DOM中的元素？ （聚合物）
- 16. 引用聚合物元素中的值
- 17. angular2中的造型聚合物元素
- 18. 在javascript中捕获元素
- 19. 如何访问聚合物元素内部的外部元素
- 20. 如何获得聚合物定制元素的innerDOM？
- 21. 聚合物1.x：如何打印聚合物元素的所有属性？
- 22. 如何改变谷歌聚合物的铁图像元素
- 23. 聚合物元素与非聚合物网站一起使用？
- 24. 作物截图元素PhantomJS
- 25. 无法测试HTML中的聚合物元素
- 26. 拦截聚合物事件
- 27. 如何在模板聚合物中使用元素函数？
- 28. 聚合物 - 如何将数据传递到元素视图
- 29. 如何捕获嵌套的HTML元素？
- 30. 作为属性的聚合物元素
你如何捕捉实际的截图？让我们从这个开始.. html2canvas可能不了解ShadowDOM或Polyfills，因此不会呈现它。 – flyandi 2015-03-20 20:26:15
谢谢Andy的回复，我发现html2canvas不理解shadowDOM。有没有解决方案。目前，我正在编写自己的函数来捕获自定义组件的屏幕截图。 – 2015-03-23 07:25:26