Drawing Canvas | 码农工具

xxxxxxxxxx
 
var drawing = document.getElementById('mypad');
if(drawing.getContext){
 var context= drawing.getContext('2d');
  context.fillStyle="rgba(0,0,255,0.5)";
  context.fillRect(10,10,50,50);
  context.strokeStyle='red';
  context.strokeRect(20,20,50,50);
  context.clearRect(30,30,20,20);
  context.beginPath();
  context.arc(200,100,99,0,2*Math.PI,false);
  context.moveTo(294,100);
  context.arc(200,100,94,0,2*Math.PI,false);
  context.moveTo(200,100);
  context.lineTo(200,15);
  context.moveTo(200,100)
  context.lineTo(135,100);
  context.stroke();
}
JavaScript