ajax抓取网页内容(一个非常好用的JQuery插件怎么用？图片卡卡网Html)

　　ajax抓取网页内容(一个非常好用的JQuery插件怎么用？图片卡卡网Html)

　　今天介绍一个非常好用的JQuery插件，可以将网页或者div或者table的内容转换成图片并下载保存。这个插件叫做html2canvas，它只有一个js文件html2canvas.js，使用起来非常简单。

　　先看一个示例html代码，然后介绍如何使用。

　　html-content-holder">

　　卡卡旺

　　Html 转图片

　　卡卡网旨在为广大网站建设人员提供专业的网站测速和优化服务，同时为广大网友提供网速测试服务。

　　html2canvas 脚本可以直接在用户的浏览器上使用来截取网页或其部分内容的屏幕截图。截图基于DOM，所以可能不完全准确。

　　btn-Preview-Image" type="button" value="Preview"/>

　　预览：

　　预览图片">

　　execcodegetcode

　　下面介绍插件的使用方法，主要分为三个步骤。第一步：调用jquery库文件和html2canvas.js文件

　　jquery库文件可以调用百度公共库文件，html2canvas.js文件需要下载到本地才能调用。本文后面会附上下载地址。

　　代码如下：

　　第 2 步：预览和下载 html 代码

　　点击“预览”查看生成的图片，点击“下载”下载并保存图片。

　　代码如下：

　　btn-Preview-Image" type="button" value="Preview"/>

　　预览：

　　预览图片">

　　第三部分：JQuery生成下载图片的实现代码

　　代码如下：

　　在编写代码时，只需要将jquery实现代码的每个id名称与html代码中的每个id匹配即可。

　　插件下载

　　下载 html2canvas.js 文件。

　　链接：

　　提取码：ks6r