ココログでJavascriptでCanvas機能（excanvas.js)を使う。

一応、さっきの動いたみたいなんで解説を。

https://sci.tea-nifty.com/blog/2010/04/javascript-canv.html

Canvasを使いたいのだが、Internet Explorerはサポートしていない。

そこでexcanvas.jsを使っている。

http://excanvas.sourceforge.net/

ソースはこんな感じで。最初に"excanvas.compiled.js"を使う
宣言をしていれば後はすこぶる簡単にグラフィックスが描ける。

しかしあんまり日本語の解説がないね。誰も使ってないんだろうか。

さてこれができるようになったらようやく本題の数値計算に入れる（続く）。

<!--[if IE]>
<script type="text/javascript" 

src="https://sci.tea-nifty.com/blog/files/excanvas.compiled.js">
</script><![endif]-->

<script>


function func100418() {
  var ctx = document.getElementById('c100418').getContext('2d');
  
  ctx.strokeStyle ="rgb(0,0,0)";
  ctx.strokeRect(0,0,300,300);

  ctx.strokeStyle ="rgb(255,0,0)";
  ctx.beginPath();   
  ctx.moveTo(0,150);  
  for (i=0;i<=300;i++) {
     ctx.lineTo(i,150-50*Math.sin(2.*Math.PI*i/300.));   
  }
  ctx.stroke();
}



</script>
<div><input type="button" value = "OK!" onclick ="func100418()"></div>
<canvas id="c100418" width="300" height="300"></canvas>