HTML5 Canvas 学习日志（六）

HTML5 Canvas 学习日志（五）
Canvas Draw Triangle, Bezier Curve

/* draw a triangle */context.beginPath();context.moveTo(100,50);context.lineTo(150, 150);context.lineTo(50, 150);context.closePath();context.stroke();context.fillStyle = "rgb(0, 102, 153)";context.fill();/* 二次贝赛尔曲线 */context.lineWidth = 5;context.beginPath();context.moveTo(50, 250);context.quadraticCurveTo(250, 100, 450, 250);context.stroke();context.closePath();/* 三次贝赛尔曲线 */context.beginPath();context.moveTo(50, 260);context.bezierCurveTo(100, 200, 200, 300, 450, 260);context.stroke();context.closePath();