Canvas Demo 4

Aus ProgrammingWiki

Nachfolgendes Beispiel zeigt eine Funktion, um Tabelle auf Canvas Elemente zu zeichnen. Die Werte der Tabelle werden in Form von String Arrays übergeben. Im Beispiel werden diese Inline erzeugt, können aber natürlich auch auf andere Weise erzeugt werden.

canvas.clear(); function DrawTable (headings, Data){ canvas.line(10,20,1000,20); canvas.line(20,10,20,1000); var x = 0; var y = 0; for(var i=0; i < headings.length; i++){ canvas.text(25+x,15,headings[i]); for(var t=0; t < Data[i].length; t++){ var s = headings[i].length-Data[i][t].length; var o = ""; for(var w=0; w < s/2; w++) o += " "; o += Data[i][t]; canvas.text(25+x,35+t*16,o); } x = x + headings[i].length*8; } } DrawTable(["Spalte A","Spalte B"], [["12","24"],["5","434","534"]]);

ausführen