3 876 Скрипты / Other

Создание собственной PAINT программы

Сегодня посмотрим как сделать собственную программу на html5 похожую на всем известный paint, ну конечно с минимальным функционалом.

HTML


<div class="container">
    <div class="column1">
        <canvas id="color" width="500" height="128"></canvas>
        <canvas id="panel" width="500" height="333"></canvas>
    </div>
    <div class="column2">
        <div><input type="button" value="Следующее изображение" id="swImage" /></div>
        <div>Предпросмотр:</div>
        <div id="preview"></div>
        <div id="pick"></div>
        <div>Цвет:</div>
        <div>RGB: <input type="text" id="rgbVal" /></div>
        <hr />
    </div>
    <div style="clear:both;"></div>
</div>


CSS



jаvascript

Подключаем jQuery библиотеку и вот такой скрипт канваса:



Скачать 312Загрузок 299,44 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи