しかくとまる

javascript

特にひねりもなく写経。firefoxで表示を確認。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>qnzm.test</title>
</haed>
<body>
<div id="divc">
  <canvas id="square" width=200 height=200></canvas><br>
  <canvas id="circle" width=200 height=200></canvas>
</div>
<script language="javascript">
function $(id){
  return document.getElementById(id);
}

window.onload = function(){
  var canvas = $("square");
  var context = canvas.getContext("2d");
  context.fillStyle = "#ff0000";
  context.fillRect(0,0,100,100);

  canvas = $("circle");
  context = canvas.getContext("2d");
  context.fillStyle = "#ff0000";
  context.beginPath();
  context.arc(50,50,50,0,2*Math.PI, true);
  context.fill();
};


</script>
</body>
</html>