canvas 绘制二次贝塞尔曲线_H5之家 - 中国HTML5教程资源分享第一站

canvas教程

canvas 绘制二次贝塞尔曲线

字号+ 作者：H5之家来源：H5之家 2017-09-09 18:00 我要评论( )

代码：效果： 2017-09-09 11:30:18 ...

<!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.quadraticCurveTo(75,50,300,200); ctx.stroke(); ctx.globalCompositeOperation="source-over"; ctx.strokeStyle="blue"; ctx.beginPath(); ctx.moveTo(75,50); ctx.lineTo(0,200); ctx.moveTo(75,50); ctx.lineTo(300,200); ctx.stroke(); } </script> </head> <body> <canvas></canvas> </body> </html>