Canvas入门实例05:画一个衣架

本文综合前面的几个例子,画一个晾衣架。

Canvas入门实例05:画一个衣架

function drawScreen(){
      var context = theCanvas.getContext('2d');
      context.strokeStyle = 'black';
      context.lineWidth = 5;
      context.beginPath();
      context.moveTo(150,130);
      context.lineTo(50,150);
      context.arc(50, 175, 25, 1.5*Math.PI, 0.5*Math.PI, true);
      context.moveTo(50,200);
      context.lineTo(250,200);
      context.arc(250, 175, 25, 0.5*Math.PI, 1.5*Math.PI, true);
      context.moveTo(250,150);
      context.lineTo(150,130);
      context.lineTo(150,60);
      context.lineJoin = 'round';
      context.arc(150, 40, 20, 0.5*Math.PI, Math.PI, true);
      context.stroke();
      context.closePath();
}
 

 

 

你可能感兴趣的:(canvas)