Come posso aggiungere del testo su un'immagine utilizzando canvas HTML5?

Question

Voglio aggiungere del testo su un'immagine utilizzando HTML5. Come si può fare?

Answer 1

È possibile caricare l'immagine in una tela (utilizzando drawImage()), quindi disegnare il testo sulla tela (utilizzando fillText()).

Se si vuole si può quindi prendere i dati di immagine dalla tela utilizzando toDataUrl() e inviare i dati al server per la persistenza dell'immagine.

Se avete solo bisogno che per la visibilità lato client si dispone di una soluzione molto più semplice che non utilizza HTML5. basta sovrapporre un testo sopra l'immagine utilizzando il posizionamento assoluto.