JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q50887F
  • License MIT

convert svg to be simple path without transform and simple viewBox

Package Exports

  • svg-simple

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (svg-simple) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

svg-simple

npm version

http://iconfont.cn 底层依赖的ruby模块SimpleSvg的node版本

主要功能可以参见:http://gitlab.alibaba-inc.com/mm/iconfont-plus/issues/7

Usage

npm install svg-simple --save

var SvgSimple=require('svg-simple');

//filePath 是你需要转换处理的svg文路径,1024是处理目标高度,true表示是完美模式

//1.promise 方式
SvgSimple.parse('filePath',1024,true).then(function(parser){
    console.log(parser.toSimplePaths());
    ...
})

//2.如果是KOA/CO中使用
var parser=yeild Simple.parse('filePath',1024,true);
console.log(parser.toSimplePaths());
...

//3.命令行模式,前提是全局安装`npm install svg-simple -g`

simple-svg 'filePath or filename' 1024 true

会在源文件目录生成一个 filename-simple.svg 文件

//4.也可以直接传入需要转换的svg string,即
var parser=yeild Simple.parseStr('<svg>...</svg>',1024,true);

Api

通过SvgSimple.parse方法得到的parser对象主要提了供以下方法:

parser.toSimplePaths();
parser.toSimpleSvg();
parser.toSimpleSvgFileSync();
parser.getSimpleViewPort();
parser.getSimpleViewBox();
parser.getFillColors();//返回数组,包含每条path的颜色信息
parser.getPathAttributes(); //返回 path的属性,目前支持 fill,fill-opacity,opacity

Test

npm test

如需要增加测试的svg文件,按照要求修改 ./test/test.js 文件中的 fileList数组即可