天天看点

基于HTML5的绘制贝塞尔曲线

作者:程序员修仙之路

一、项目简介

基于HTML5的绘制贝塞尔曲线

二、实现功能

  • 支持增加和删除控制点
  • 支持设置贝塞尔曲线阶数
  • 支持设置是否显示切线
  • 支持设置是否循环
  • 支持设置贝塞尔曲线阶数
  • 支持显示贝塞尔曲线形成过程的切线
  • 支持循环显示贝塞尔曲线的形成动画
  • 支持自由移动控制点
  • 支持贝塞尔曲线显示速率
  • 支持显示控制点坐标
  • 支持1阶到7阶贝塞尔曲线,限于屏幕大小,理论上可以支持N阶贝塞尔曲线
  • 支持开始贝塞尔曲线
  • 支持停止贝塞尔曲线
  • 支持增加控制点
  • 支持删除控制点
  • 支持获取贝塞尔曲线阶数
  • 支持设置移动速率

三、技术选型

  • html
  • css
  • js

四、界面展示

基于HTML5的绘制贝塞尔曲线
基于HTML5的绘制贝塞尔曲线
基于HTML5的绘制贝塞尔曲线
基于HTML5的绘制贝塞尔曲线
基于HTML5的绘制贝塞尔曲线
基于HTML5的绘制贝塞尔曲线

五、源码地址

回复:绘图

继续阅读