Join Joseph Lowery for an in-depth discussion in this video Integrating color pickers, part of Creating Photo Card Titles with HTML5.
Along with allowing users to specify the caption text, the font, and the font…size, we want to give them a lot of control over color, not only because it's fun,…but also to make the captions stand out-- or blend in, if that's the preference--…against a wide array of backgrounds. To that end, let's take advantage of…Canvas's flexibility when it comes to text fill and provide an option for two…different types of gradients, as well as a solid color fill.…
For that degree of functionality, we are going to need a select list to choose…the type of fill and two different color pickers.…Let's get started. I have modify.php from the chapter 2/02_03 folder open now, and…first I'm going to set up my field set and legend to hold all my color options.…So let's scroll down to the bottom of the page, and we'll put this field set…right after the previous one. And within the fieldset tags, we'll enter in our…legend, and for a legend I'm going to use "Choose a solid color or gradient."…After the legend tag we'll put in the fill type selector first.…
Check out the rest of the HTML5 Projects series.
- Setting up a caption submission form
- Creating basic text entry fields
- Integrating color pickers in the form
- Applying text effects like shadows and gradients