Day: May 10, 2008

Splines mit dem HTML Canvas Tag

Splines innerhalb eines Canvas Tags sind mit ein wenig Javascript recht schnell machbar! (drumherum dann noch den ganzen HTML-Kram denken): <canvas width=”150″ height=”150″ id=”myCanvas1″></canvas> <script type=”text/javascript”> function draw1(){ var myCanvas1 = document.getElementById(‘myCanvas1′); myCanvas1.style.border = “1px black dashed”; var ctx = myCanvas1.getContext(’2d’); ctx.beginPath(); ctx.strokeStyle = “#dedede”; for (i=1;i<15;i++){ ctx.moveTo(i10,0); ctx.lineTo(i10,150); } for(j=1;j<15;j++){ ctx.moveTo(0,j10); ctx.lineTo(150,j10); } ctx.stroke();