1 /**

 2  * Created by Administrator on 2016/1/30.

 3  */

 4 function draw (id){

 5     var canvas = document.getElementById(id);

 6     var context = canvas.getContext('2d');

 7 /*    context.translate(200,120);//偏移量

 8     context.rotate(Math.PI/6);//旋转

 9     context.scale(0.6,0.4);//缩放或扩大*/

10     context.transform(1,0.5,10,1,1,0);

11     context.fillStyle = "red";

12     context.fillRect(0,0,100,100);

13 //    ArcFace(context);

14 }

15 /*

16 function ArcFace(context){

17     // 绘制脸型

18     context.beginPath();

19     context.lineWidth = 5;

20     context.strokeStyle = "red";

21     context.arc(0,0,90,0,Math.PI*2,true);

22     context.stroke();

23     //绘制五官

24     context.beginPath();

25     //左眼

26     context.moveTo(-30,-30);

27     context.lineTo(-30,-20);

28     //右眼

29     context.moveTo(30,-30);

30     context.lineTo(30,-20);

31     //嘴

32     context.moveTo(-20,30);

33     context.bezierCurveTo(-20,44,20,30,30,20);

34     //颜色设定

35     context.strokeStyle = "red";

36     context.lineWidth = 10;

37     context.lineCap = "round";

38     context.stroke();

39 }*/