Canvas und innerHTML

Das Rogal

Grünschnabel
Tag zusammen,

ich habe ein paar Tutorials gelesen über Canvas, und finde es sehr interessant,

nun wollt ich es weiter ausdehnen und habe versucht per "innerHTML" das feld mit der id "canvas" auszulesen und in eine Variable zu speichern und dann mit
Code:
context.fillText('canvastext', 0, 25);
das bild den text aus "canvastext" zu geben.

Habs auch mit
Code:
context.fillText(' + canvastext + ', 0, 25);
versucht, klappt einfach nicht!

Hier mal ein ganzer Auszug des Quellcode

Code:
<script language="JavaScript" type="text/javascript">
function drawCanvas(){
	var canvas = document.getElementById('canvas');
	
			if(canvas.getContext){
				var context = canvas.getContext('2d');
							
				context.shadowColor = "#000000"; 
				context.shadowOffsetX = 1; 
				context.shadowOffsetY = 1; 
				context.shadowBlur = 1; 
				
				context.fillStyle = "#FFFFFF";
				context.font = "bold 16px sans-serif"; 
				context.textAlign = "left";
				
				var canvastext = canvas.innerHTML;
				
				context.fillText('canvastext', 0, 25);	
			}
		}
</script>

Code:
<body onload="drawCanvas();">

Code:
<canvas id='canvas' height='32' width='550'>Hier steht dann der Text für die Variable "canvasttext"</canvas>

Der Script Funktioniert, aber statt den Text von der id "canvas" bzw. Variable auszugeben, gib er mir nur "canvastext" bzw. " + canvast + " zurück.

Habt ihr evtl. eine idee woran es liegen könnte?

Schon mal vielen Dank im vorraus :)

Grüß

Das Rogal
 

Neue Beiträge

Zurück