canvas 绘制三次贝塞尔曲线
Posted 1点
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas 绘制三次贝塞尔曲线相关的知识,希望对你有一定的参考价值。
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <script> function init() { var canvas=document.getElementById(\'canvas\'); var ctx=canvas.getContext(\'2d\'); ctx.strokeStyle="dark"; ctx.beginPath(); ctx.moveTo(0,200); ctx.bezierCurveTo(25,50,75,50,300,200); ctx.stroke() ctx.strokeStyle="blue"; ctx.beginPath(); ctx.moveTo(25,50); ctx.lineTo(0,200); ctx.moveTo(75,50); ctx.lineTo(300,200); ctx.stroke(); } </script> </head> <body onload="init();"> <canvas id="canvas" width="400" height="400"></canvas> </body> </html>
效果:
2017-09-09 11:40:50
以上是关于canvas 绘制三次贝塞尔曲线的主要内容,如果未能解决你的问题,请参考以下文章