项目作者: hnlinzhi19

项目描述 :
在文件中插入img的自定义字符串,适合css 或者在react/vue里面使用
高级语言: TypeScript
项目地址: git://github.com/hnlinzhi19/css-insert-img.git
创建时间: 2018-05-18T05:57:18Z
项目社区:https://github.com/hnlinzhi19/css-insert-img

开源协议:

下载


功能说明

  • 快速计算好图片尺寸并根据模板返回图片的尺寸、相对路径值
  • 支持配置模板
  • 支持路径过滤

Alt text

配置模板

模板生成参考使用的 loadash.template

  1. <!-- 目前只支持width,height,src -->
  2. "imgstyle.tpl": "width: ${width}px;height: ${height}px;background-image:url(${src});"

配置过滤路径

具体npm模块用的是globby 数组配置参考

  1. <!-- opthon -->
  2. "imgstyle.path": ["test/**/*.{png,jpg,gif,webp}"]

核心的获取图片信息

具体npm模块用的是jimp 一个十分不错的图片处理库