将jQuery div导出为图片

Question

我发现了一个很不错的 jQuery 宝丽来相册，运行在一个 div 里。

请问有没有办法把结果保存成一张单独的图片？我应该用哪个库？我在用 Java、JavaScript 和 Python。这些语言有没有合适的库可以用呢？

Answer 1

你想用这个的方式不是很清楚，不过我想到了一些可能的场景：

1. 偶尔在你自己的浏览器里使用。可以用Windows的截图功能（按下Alt+Print Screen），然后粘贴到图形编辑器（比如Paint.NET）里，再裁剪一下。

2. 经常在你自己的浏览器里使用。可以安装一些浏览器插件，比如IECapt http://iecapt.sourceforge.net/ 或者FireShot https://addons.mozilla.org/en-US/firefox/addon/5648/。

3. 通过编程在你自己的浏览器里使用。可以用win32 API调用来获取截图，然后裁剪并保存。Linux有没有类似的方式呢？

4. 对于开发者来说，可以在自己的机器或测试机器上获取测试截图。可以使用Selenium RC http://saucelabs.com/blog/index.php/2009/10/selenium-tip-of-the-week-screenshot/。

5. 对于用户来说，在他们自己的浏览器里：

   • 可以在JavaScript中添加代码，把缩略图的位置报告回服务器；然后写服务器端的代码来重建图像，给用户一个“另存为”按钮来下载。

   • 使用ActiveX控件（Snapsie https://github.com/nirvdrum/SnapsIE）或(WebThumb http://www.acasystems.com/en/web-thumb-activex/）- 需要权限才能运行，只能在IE浏览器中使用。

   • 使用Java小程序（SnapABug http://www.barklund.org/blog/2009/10/14/how-snapabug-works/）- 需要权限才能运行。

   • 使用一些非标准、不安全的JavaScript扩展？https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas#section_9 - 看起来你可以抓取网页的一部分，然后把它放到一个画布上？然后再用http://www.nihilogic.dk/labs/canvas2image/保存为文件。

一些相关的问题：

• 用JavaScript截取网页截图？
• 用selenium和firefox保存图片
• 通过编程获取网页截图
• 用JavaScript截取网站截图而不使用ActiveX