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

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

html元素转为canvas并一键保存png图片 ie兼容9

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

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

兼用ie的右键菜单

jQuery简洁实用的右击菜单
  独立的部件
 5019  38
  独立的部件
 5938  28

可停靠屏幕边缘的侧边栏插件

我自己封装的可停靠屏幕边缘的侧边栏插件,可以制作页面的通知信息,客服信息,联系方式等
  独立的部件
 8949  113

jQuery表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 17422  151

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

    游击队长 0
    2017/11/1 10:58:11

    演示的效果不错,看看

    回复
    绝缘体! 0
    2017/9/27 14:53:44
    如果div里有图片,怎么让生成的canvas图片里也包含div中的图片呢?怎么解决 回复
    dandelion 0
    2017/9/12 10:21:40

    新手一枚,学习了

    回复
    wangweiqi666 0
    2017/9/9 7:41:51
    凉风雨夏 0
    2017/8/15 10:21:37

    如果div里有图片,怎么让生成的canvas图片里也包含div中的图片呢

        一座城池0
        2017/9/12 13:35:25
        这个不行?
    回复
    wu 0
    2017/7/21 10:55:42
    在ie9上面好像无法下载图片 回复
    懒雒萝 0
    2017/6/12 19:35:19

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

    回复
    lyj9768 0
    2017/6/8 8:34:02

    感觉挺好

        一格0
        2017/7/27 13:35:18

        是挺不错的哈

    回复
    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

        是的

    回复
取消回复