canvas-ability-diagram:基于canvas的react能力组件

时间:2024-05-20 06:42:56
【文件属性】:

文件名称:canvas-ability-diagram:基于canvas的react能力组件

文件大小:343KB

文件格式:ZIP

更新时间:2024-05-20 06:42:56

JavaScript

基于canvas的react能力图组建 git clone git@github.com:fechengxiaocheng/canvas-ability-diagram.git npm install npm start 组建目录 -src/components/Libility.js 使用方法 // 在业务代码中引入 import Libility from './components/Libility'; 效果图 主要功能点 任意多边形展示自适应 移动端自适应 后续可优化 可配置icon 颜色可配 能力值多边形动画效果呈现 开发思路 1、要实现如上图所谓的能力图,从外到内看无非就是以下5个部


【文件预览】:
canvas-ability-diagram-master
----.gitignore(12B)
----package.json(344B)
----package-lock.json(401KB)
----src()
--------p正.png(18KB)
--------components()
--------p5.png(197KB)
--------index.js(254B)
--------p歪.png(19KB)
--------App.js(419B)
--------registerServiceWorker.js(4KB)
--------App.css(377B)
--------ability.png(24KB)
--------index.css(63B)
--------App.test.js(248B)
----public()
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(317B)
----.DS_Store(6KB)
----README.md(3KB)
----.vscode()
--------settings.json(46B)

网友评论