html元素转为canvas并一键保存png图片

所属分类:其他,媒体-独立的部件,图像

 2177  39  查看评论 (9)
html元素转为canvas并一键保存png图片 ie兼容9

id为content的为需要保存的canvas的范围,点击Save保存成图品,点击Download,下载图片,生成的canvas的id为image。需要更改下载图片的名字的话,只需要在saveFile函数里,修改第二个参数就行了。

相关插件-独立的部件,图像

Javascript图片文字识别插件JS-OCR

我们将使用Javascript图片文字识别插件JS-OCR,来通过拍照识别照片或者图片中的文字,请使用Chrome浏览器,并且确认启动你的摄像头支持。
  独立的部件
 7929  37

ZeroClipboard实现网站内容复制粘贴JS特效

ZeroClipboard实现网站内容复制粘贴JS特效
  独立的部件
 8475  52

文件导出插件FileSaver.js

FileSaver.js是一款基于HTML5完成文件保存插件,它可以帮你直接从网页中导出多种格式文件。
  独立的部件
 8094  56

Web右键菜单插件web.contextmenu.js

可定制HTML页面的右键菜单,替换浏览器默认的右键菜单
  独立的部件
 2213  19

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    wu 0
    2017/7/21 10:55:42
    在ie9上面好像无法下载图片 回复
    懒雒萝 0
    2017/6/12 19:35:19

    不兼容的也有很多,小白,下载使用

    回复
    lyj9768 0
    2017/6/8 8:34:02
    LIUWB 0
    2017/5/23 17:21:08
    前段时间 我也刚做了类似的东西  发奖证书点击生成图片。
        LIUWB0
        2017/5/23 17:21:49

        应该你也是用的html2canvas开发的吧

        houxin1230
        2017/6/6 9:16:40

        是的,是用html2canvas搞的,你的怎么样?有效果图吗?分享一下。我目前已经找了一中渲染图片的方式,只是暂时没有时间升级这个版本。

    回复
    ok 0
    2017/5/21 18:02:05

    好东西,不多

        lyj97680
        2017/6/8 8:37:00

        是的

    回复
    辛辛 0
    2017/5/17 11:28:59

    感觉很炫酷啊

        houxin1230
        2017/5/19 9:38:15

        谢谢。感觉很不错的

    回复
取消回复