天天看點

基于HTML5的繪制貝塞爾曲線

作者:程式員修仙之路

一、項目簡介

基于HTML5的繪制貝塞爾曲線

二、實作功能

  • 支援增加和删除控制點
  • 支援設定貝塞爾曲線階數
  • 支援設定是否顯示切線
  • 支援設定是否循環
  • 支援設定貝塞爾曲線階數
  • 支援顯示貝塞爾曲線形成過程的切線
  • 支援循環顯示貝塞爾曲線的形成動畫
  • 支援自由移動控制點
  • 支援貝塞爾曲線顯示速率
  • 支援顯示控制點坐标
  • 支援1階到7階貝塞爾曲線,限于螢幕大小,理論上可以支援N階貝塞爾曲線
  • 支援開始貝塞爾曲線
  • 支援停止貝塞爾曲線
  • 支援增加控制點
  • 支援删除控制點
  • 支援擷取貝塞爾曲線階數
  • 支援設定移動速率

三、技術選型

  • html
  • css
  • js

四、界面展示

基于HTML5的繪制貝塞爾曲線
基于HTML5的繪制貝塞爾曲線
基于HTML5的繪制貝塞爾曲線
基于HTML5的繪制貝塞爾曲線
基于HTML5的繪制貝塞爾曲線
基于HTML5的繪制貝塞爾曲線

五、源碼位址

回複:繪圖

繼續閱讀