JavaScript Text in Canvas

[mstrehmel]

Hallo zusammen

Im moment beschäftige ich mich mit dem Canvas Element.
Ist es möglich Text aus einen Texteeld oder Textarea in einen Canvas Element ausgeben zulassen. Wenn ja wie?
Gegooglet habe ich bereits, leider nichts passendes gefunden. Wäre wirklich dankbar für eure Hilfe

 

[Speedy.]

Ja. Den Text bekommst über du über einschlägige Funktionen wie

var text = document.getElementsByTagName("textarea")[0].value;

Um in Canvas Texte zu zeichnen, gibt es hier eine gute Erklärung:
https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text

Aber im Großen und Ganzen ist die Funktion recht simpel:

ctx.fillText("Text", 20, 20); // eigens ersteller String
ctx.fillText(text, 10, 50); // die Variable von oben wird aufgegriffen