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

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

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

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

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

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 17742  182

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 5634  133

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 7812  76

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

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

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

    幸福~手掌 0
    2017/12/26 12:03:46

    ajax渲染的图片不能保存

    回复
    幸福~手掌 0
    2017/12/14 15:37:02
    移动端能兼容吗 回复
    WckY 0
    2017/12/13 14:27:27
    这个js不错 不过楼主提供的js有点问题 我修改了下 一、如果html中图片 文字 input textarea同时存在 转化成图片会有问题的 已解决二、canvas存在图片跨域问题 所以如果扔个线上图片地址进来 转化成图片直接白屏 已解决 三、移动端苹果手机中转化后的图片分辨率太模糊 百度google了老半天 还是没有找到合适的方案 
        1+10
        2017/12/16 13:51:07

        啥呀,来秀的吗

    回复
    Soso 0
    2017/11/27 17:53:03
    游击队长 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上面好像无法下载图片 回复
取消回复