Ich frage mich, ob es eine Möglichkeit gibt, eine Eingabe von dem Benutzer zu erhalten, vorzugsweise zu einer Texbox (oder irgendwo, wo ein Benutzer sehen kann, was er schreibt) in einem Canvas-Element durch Javascript.
Platzieren Sie ein Textfeld oberhalb des Canvas-Elements mit absoluter Positionierung.
Mein vorgeschlagenes Layout ist etwas wie:
%Vor% Damit hast du die relative Position <div> zur Basis, wo du die Dinge auf den Kopf stellen willst, ich würde wahrscheinlich auch einen modalen Hintergrund hinzufügen ...
hoffe das hilft -ck
Die Frage ist ein bisschen alt, aber ich wollte eine Alternative zur absoluten Positionierung bieten. Sie können das Hintergrundbild (vermutlich zu einem Div größer als Ihr Textfeld) festlegen. Hier ist ein Beispiel:
HTML:
%Vor%Javascript:
%Vor%Hier ist ein jsfiddle als Beispiel.
Wie bereits erwähnt hier , macht dies im Wesentlichen eine Momentaufnahme der Leinwand an der Punkt, den Sie für die Eigenschaft background-image festgelegt haben. Alle Änderungen, die Sie nach dem Festlegen des Hintergrundbilds an der Zeichenfläche vornehmen, werden nicht berücksichtigt (sofern Sie sie nicht erneut festlegen). Dies ist jedoch in den meisten Fällen wahrscheinlich der Fall.
Tags und Links javascript html5 canvas input