Text addition for image collage with HTML5 and Canvas
Recently I was asked the question whether it would be possible to add text to the dynamic image collage project I created 2 years ago and because I was kinda curious to see whether it would be I decided to take a look back at that legacy code and introduce the possibility to add text layers.
The first thing I had to conclude when opening up the JavaScript code is that it really sucked. But after getting back into it, it turned out to be extremely easy to introduce text to the system. I won’t go into all the details around this code since I actually hope to clean up the code some day soon (I’ll probably look back at this text in a year and come to the conclusion that I haven’t gotten to it), but if I get a chance to actually make it into a jquery plugin that would really make the entire thing a lot simpler.!
For everybody interested in the addition of text in the HTML5 Canvas Collage, here you go: http://radikalfx.com/files/collage-with-text/demo.html
Good day sir,
I am a graduating IT student from the Philippines.
We are currently making our final project and we are using html5 as one of our tools.
Basically, our group project is somehow related to this but instead of having it linked to Flickr, it will be connected to a database (our database) for image fetching.
I would like to ask for you help since I am not really into javascript.
I hope you could help me and my groupmates, sir.
Thanks you.
Also…how does your Flickr search operate? I’ve tried a search in Flickr which returned a small number of results but the same search returned 0 in HTML5 Canvas – Collage. Is it looking at the tags? description? file name?
I’m so glad you’re still working on this project! I’m using it as the basis (or at least a proof-of-concept) for a project of my own which I’d love to tell you about.
Would rather not give you all the details here but send me your email address if you’re interested.