先上效果图:
实现代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>二次贝塞尔曲线</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
body, h1{margin:0;}
canvas{margin: 20px; }
</style>
</head>
<body>
<h1>二次贝塞尔曲线</h1>
<canvas id="canvas" width=600 height=600 style="border: 1px solid #ccc;"></canvas>
<script>
/**
* @param sx 起始点x坐标
* @param sy 起始点y坐标
* @param ex 结束点x坐标
* @param ey 结束点y坐标
* @param cx 控制点x坐标