Skip to content

svg-in-js/svgjs

Repository files navigation

svgjs

some packages about svg in JS

愿景

将网页上所有的图形元素用 svg 来实现

packages

  • svg2js 不跟构建工具关联的 svg 优化和构建脚本,在有 svg 的地方,一键就能将所有 svg 进行优化处理,变成在 web 上易于使用和高性能的 svg-sprite

  • vue-symbol-icon 支持 vue3.x 的 svg 图标组件,用法简单,状态颜色控制、多颜色控制不再是问题

  • vue2-symbol-icon 支持 vue2.x 的 svg 图标组件,用法简单,状态颜色控制、多颜色控制不再是问题

  • react-symbol-icon (nice to have)支持 react 的 svg 图标组件,用法简单,状态颜色控制、多颜色控制不再是问题

  • svg-progress (nice to have) 基于 svg 的进度条组件

  • svg-skeleton (in progress) 基于 svg 的骨架屏组件,期待更加美观和优雅的骨架屏效果

  • svg-sparkline (nice to have) 基于 svg 的 mini 图表,在 web worker 的加持下,支持对大批量的 mini 图表进行渲染

Plan TODO

阶段性计划

期待有想法感兴趣的你随时加入,一起探索 svg in JS 的更多可能!欢迎 star!