一波HTML5 Canvas基础绘图实例代码集合

1. var canvas = document.getElementById('canvas');    if (canvas.getContext) {   
2.     context.beginPath();        context.moveTo(20,20);   
3.     context.lineTo(70,20);           // 为一条路径画弧度p1.x p1.y p2.x, p2.y 弧半径，    
4.     context.arcTo(120,30,120,70, 50);        context.lineTo(120,120);   
5.     context.stroke();            
6.     // 擦除canvas 画板        context.beginPath();   
7.     context.fillRect(10,10,200,100);            
8.     // 擦除区域        context.clearRect(30,30,50,50);   
9. ｝  

二次贝塞尔曲线