HTMLCanvasToolbox

HTML5 Toolbox for the HTMLCanvas project.

by lun471k

HTML

<div id="toolbox" data-target-element="">
    <!-- Image toolbox -->
    <span id="image_toolbox">
        <span class="toolbox_element">
            <!-- <img class="toolbox_icon image_toolbox_border_icon" src=""/> -->
            <span class="toolbox_element_label">Bordures : </span>
            <select id="image_toolbox_border">
                <option value="0">0</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </span>
        
    </span>
    <!-- Text toolbox -->
    <span id="text_toolbox">
        <span class="toolbox_element">
            <span class="toolbox_element_label">Taille : </span>
            <select id="text_toolbox_size">
                <option value="8">8</option>
                <option value="10">10</option>
                <option value="12">12</option>
                <option value="14">14</option>
            </select>
        </span>
        <span class="toolbox_element">
            <span class="toolbox_element_label">Couleur : </span>
            <input type="color" id="text_toolbox_color" value="#000000" />
        </span>
    </span>
</div>

CSS

#text_toolbox_color {
    width:20px;
}