Git Product home page Git Product logo

heartlee / iconfont-helper-chrome-extension Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chaoming-l/iconfont-crane-chrome-extension

0.0 1.0 0.0 3.28 MB

为iconfont支持一键添加购物车,突破20限量下载的功能,支持PNG、SVG、JPG、WEBP类型下载,在线修改图标颜色,图标一键复制等功能

License: MIT License

HTML 10.17% JavaScript 20.73% TypeScript 54.99% SCSS 14.11%

iconfont-helper-chrome-extension's Introduction

screen

conFont-helper icon IconFont-helper

支持在iconfont上一键将当前页面中的所有素材添加进购物车;反选当前页面中的素材;批量下载素材,突破官方限制的单次20个。

突破的解决方案是将当前购物车中的所有svg写入到zip二进制流,创建及下载过程,均在前端完成,不请求iconfont接口,不会对iconfont服务器性能造成影响。 PNG、JPG、WEBP等位图则是将SVG渲染在canvas后,输出base64再导出

安装方式

方案一(推荐):商店安装(需要翻墙)

Google Chrome 商店

方案二:离线安装

  1. Releases中下载最新的crx文件
  2. 使用--enable-easy-off-store-extension-install参数启动Chrome浏览器
  3. 从Chrome浏览器更多工具中打开扩展程序
  4. 开启开发者模式
  5. 将crx文件拖入浏览器的扩展程序页面中

更新日志

v1.2

增加图标一键复制功能; 增加图像尺寸记录上次设置的数值功能; 增加一键设置当前页面中所有图标的颜色功能。

v1.1

支持PNG、SVG、JPG、WEBP类型下载; 增加下载图像尺寸设置。

v1.0

支持更多的iconfont页面批量添加进购物车功能,支持搜索页面添加,支持图库内添加; 增加反选功能。

v0.1

支持图标库批量下载功能。


demo

More ❤️

如果这个项目对你有帮助,请给一个Star; 如果你有更好的建议或想法,希望可以在issues中看到你的建议哦。

iconfont-helper-chrome-extension's People

Contributors

dependabot[bot] avatar ok-jose avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.