如何通过js把当前js将网页保存为图片片

来源：蜘蛛抓取(WebSpider) 时间：2018-10-26 07:03 标签： js将网页保存为图片

有时候在网页上需要禁用右键菜單但是需要点击某一按钮保存指定的图片，代码如下：

如果大家有兴趣可以自己扩展。 

需要注意的是如果把代码拷贝下来放到一个HTML中運行点击保存按钮时网页会直接在浏览器中打开图片

需要把HTML页面放到服务器中，例如tocmat中这样访问的话就可以看到效果。

html生成图片的方式有很多种有的需要下载安装插件，如phantomjs 显得未免麻烦了些，有的又是通过后台来实现的但个人感觉没必要做这种交互，也没必要在服务端生成这些零時文件那么问题来了，有没有什么方法能直接在页面生成图片然后保存在本地呢，答案是肯定的在这里我为大家介绍的是html2canvas，这款js能将html转换为canvas，然后我们在将转换的图片保存下来废话不多，实现如下：

以下是需要生成图片的网页

大家也可以到以下地址下载：


我要回帖

更多关于 js将网页保存为图片 的文章

 

随机推荐