Wie kann ich ein Bild mit HTML5 -Leinwand auf einem Bild hinzufügen?

Question

Ich möchte mit HTML5 Text auf einem Bild hinzufügen. Wie kann das getan werden?

Answer 1

Sie können das Bild in eine Leinwand laden (verwenden drawImage()) und dann Text auf die Leinwand zeichnen (Verwenden fillText()).

Wenn Sie möchten, können Sie die Bilddaten von der Leinwand verwenden toDataUrl() und veröffentlichen Sie diese Daten auf dem Server für die Bilddauer.

Wenn Sie es nur für die Sichtbarkeit von Client -Seiten benötigen, haben Sie eine viel einfachere Lösung, die HTML5 nicht verwendet. Überlösen Sie einfach einen Text über das Bild mit der absoluten Positionierung.