Skip to content

wangshushuo/react-bezier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

绘制n阶贝塞尔曲线的React组件

使用JS计算贝塞尔曲线,计算的结果可以用于动画,也可以在canvas上画出曲线。(canvas提供了绘制贝塞尔曲线的api)

  • 根据给出的n+1个点,绘制出n阶贝塞尔曲线
  • 设置画布的尺寸
  • 鼠标拖动点的位置
  • 设置点的个数
  • 设置各个元素的颜色
  • 画一个小球在取消上方,小球根据曲线进行移动
  • 将计算贝塞尔曲线的代码放到一个TS库里,作为一个npm包并发布