Yjavascript テストのソースを表示新しいページはコチラ

<yjavascript>　
<nowiki>
<script>
onload = function() {
  draw1();

};
/* 円を描く */
function draw1() {
  var canvas = document.getElementById('c1');
  if ( ! canvas || ! canvas.getContext ) { return false; }
  var ctx = canvas.getContext('2d');
  ctx.beginPath();
  ctx.arc(70, 70, 60, 0, Math.PI*2, false);
  ctx.stroke();

  ctx.beginPath();
  ctx.moveTo(0, 70);
  ctx.lineTo(610, 70);
  ctx.stroke();
  
  ctx.beginPath();
  ctx.moveTo(70, 0);
  ctx.lineTo(70, 140);
  ctx.stroke();

  ctx.beginPath();
  ctx.moveTo(130, 0);
  ctx.lineTo(130, 140);
  ctx.stroke();

  ctx.beginPath();
  ctx.moveTo(130, 70 - 60 * Math.sin(0));
  for (var i = 1; i <= 480; i += 1) {
    ctx.lineTo(i + 130, 70 - 60 * Math.sin( Math.PI * i / 60));
  }
  ctx.stroke();
  
  ctx.beginPath();
  ctx.moveTo(130, 70 - 60 * Math.cos(0));
  for (var i = 1; i <= 480; i += 1) {
    ctx.lineTo(i + 130, 70 - 60 * Math.cos( Math.PI * i / 60));
  }
  ctx.stroke();
}
</script>
</nowiki>
</yjavascript>

<ycanvas id="c1" width="1098" height="140"></ycanvas>