源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript实现网页截图功能

  • 时间:2021-04-26 20:34 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript实现网页截图功能
使用JavaScript截图,这里我要推荐两款开源组件:一个是[url=http://www.nihilogic.dk/labs/canvas2image/]Canvas2Image[/url],它可以将Canvas绘图编程PNG/JPEG/BMP的图像;但是光有它还不够,我们需要给任意DOM(至少是绝大部分)截图,这就需要[url=http://html2canvas.hertzen.com/]html2canvas[/url],它可以将DOM对象转换成一个canvas对象。两者的功能结合起来,就可以把页面上的DOM截图成PNG或者JPEG图像了,很酷。 [b]Canvas2Image[/b] 它的原理是利用了HTML5的canvas对象提供了toDataURL()的API:
[url=http://flashcanvas.net/]FlashCanvas[/url]这样的第三方库。 这个页面可以测试各个网站使用它来截图的效果,效果相当不错: [img]http://files.jb51.net/file_images/article/201410/2014101684844442.png?201491684855[/img] API使用的例子:
[u]复制代码[/u] 代码如下:
html2canvas(     [dom1, dom2],     {         logging: false,         useCORS: false,         proxy:   false,         onrendered: function(canvas){             // canvas 就是绘制的canvas是对象         }     } );
对于这一类相对小众的类库,文档都是很差的,包括API的定义,需要阅读源码,代码上写得挺清楚的。 另外,该站点下载包里面还有一个JQuery的插件,对这个API做了一个封装,可以无视。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部