用JS写的N阶贝塞尔曲线升阶降阶以及拖拽

最新推荐文章于 2022-11-17 13:59:01 发布

VIP文章 freakkkk

最新推荐文章于 2022-11-17 13:59:01 发布

阅读量1.7k

点赞数 4

文章标签： JS实现N阶贝塞尔曲线

本文链接：https://blog.csdn.net/freakkkk/article/details/78857171

版权

用的是sublime3

直接上代码HTML：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bezier</title>
<style>
.canvas{
position: relative;
top: 10px;
display: block;
margin: 0 auto;
background-color: #817373;
}
.btn_user{
display: block;
padding: 5px;
margin: 0 auto;
border: 1px solid #aaa;
background-color: #F9F5F5;
}
form{
  width: 800px;
  margin: 0 auto;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js" type="text/javascript"></script>
</head>
<body>
  <form >
   <input id="huizhi_btn" type="button" class="btn_user" value="绘制贝塞尔曲线" style="display: inline;">
   <input id="up_btn" type="button" class="btn_user" value="升阶" style="display: inline;">
   <input id="down_btn" type="button" class="btn_user" value="降阶" style="display: inline;">
   <input id="clear_btn" type="button" class="btn_user" value="清空屏幕" style="display: inline;">
  </form>
  <canvas id="canvas" class="canvas">

最低0.47元/天解锁文章

freakkkk

关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
用JS写的N阶贝塞尔曲线升阶降阶以及拖拽

用的是sublime3直接上代码HTML： Bezier .canvas{ position: relative; top: 10px; display: block; margin: 0 auto; background-color: #817373; } .btn_user{ display: block; paddin
复制链接

扫一扫