<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Logo sur canvas</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" charset="utf-8" src="canvas-jQ.js"></script> </head> <body> <h1>Tracage de polygones sur un canvas</h1> <fieldset> <legend>Polygone</legend> <label for="nbCotes">Nombre de côtés</label> <input type="text" name="nbCotes" value="3" id="nbCotes" size="2"/> <label>Rayon</label> <input type="text" name="rayon" value="100" id="rayon" size="3"/> <label for="angle_de_depart">Angle de départ</label> <input type="text" name="angle_de_depart" value="0" id="angle_de_depart" size="3"/> <label for="sens">Sens</label><select name="sens" id="sens" size="1"> <option value="horaire">horaire</option> <option value="antihoraire">antihoraire</option> </select> <label for="x">Centre:</label> <input type="text" name="x" value="0" id="x" size="3"/> <input type="text" name="y" value="0" id="y" size="3"/> <input type="checkbox" name="rempli" value="" id="rempli"/>rempli <br/> <fieldset> <legend>Répétition</legend> <label for="nombre">nombre</label><input type="text" size="3" name="nombre" value="0" id="nombre" /> <label for="drayon">Décalages: rayon</label><input type="text" name="drayon" value="0" size="3" id="drayon" /> <label for="dangle">angle</label><input type="text" name="dangle" value="0" size="3" id="dangle" /> </fieldset> </fieldset> <p><input type="button" value="Dessiner" id="dessiner"/> <input type="button" value="Effacer" id="effacer"/> </p> <canvas id="canvas" width="650" height="500" style="border:5px solid red"></canvas> </body> </html>