博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端实现的canvas支持多图压缩并打包下载的工具
阅读量:5069 次
发布时间:2019-06-12

本文共 1018 字,大约阅读时间需要 3 分钟。

# 技术栈

canvas
jszip.js(网页端压缩解压缩插件JSZIP库)
FileSaver.js(文件保存到本地库)

在线预览:

github:

解读

  • 以上的工具,暂时只是配置了允许png和jpg格式的图片压缩,如需别的格式的请自行到我的github上面clone下载自行修改;
  • 压缩质量:10份;
  • 压缩会自动打包成zip,自行下载解压,压缩速度惊人。
  • 压缩速度我觉得比熊猫压缩牛逼。

工具预览

1540118-20190703103505898-1929379405.png

直接解读源码:(html)

选择图片
请选择压缩质量
需要压缩的图片:

    直接解读源码:(js)

    直接解读源码:(css)

    使用方法:

    github:

    直接Git克隆下来,然后浏览器(最好使用谷歌浏览器)打开idnex.html页面,即刻轻松使用了。
    以后都可以使用了,再也不用用什么熊猫压缩了。
    一键压缩,就是吊!
    好用的话,记得加星。

    转载于:https://www.cnblogs.com/it-xiong/p/11124937.html

    你可能感兴趣的文章
    loadrunner总体使用篇
    查看>>
    串口发送数据速度
    查看>>
    jzoj3086 [分層圖最短路]
    查看>>
    [BZOJ 1805] Sail 船帆
    查看>>
    算法中的时间和空间复杂度
    查看>>
    Hibernate各种状态(瞬时状态、持久化状态、游离|托管状态)之间的转换
    查看>>
    《Spark 官方文档》机器学习库(MLlib)指南
    查看>>
    java 中类的定义
    查看>>
    SPFA及SLF优化
    查看>>
    FreeBSD Boot0 代码阅读 !
    查看>>
    02.WSDL文档详解
    查看>>
    套接字编程基本例程
    查看>>
    hdu_4497GCD and LCM(合数分解)
    查看>>
    开始学习ExtJs,认识ExtJs开发包
    查看>>
    erlang shell 命令中文使用手册
    查看>>
    关于取余
    查看>>
    [整]Android开发优化-布局优化
    查看>>
    编程三大核心内容之一:数据处理
    查看>>
    机器学习--监督学习总结
    查看>>
    OO第四单元
    查看>>