Программа Windows Paint присутствует во всех версиях Windows. Эта очень простая, почти бесполезная программа имеет самые основные функции рисования и очень подходит для рисования. Объект Canvas HTML5 делает возможным онлайн-рисование. Хотя HTML5 еще далек от зрелости, многим людям не терпится использовать его для разработки удивительных приложений.
CanvasPaint — это стандартная программа рисования Windows, основанная на HTML5. Она имеет тот же интерфейс и работу, что и программа Windows Paint, и ее функции практически идентичны. Благодаря поддержке определенных браузеров вы даже можете сохранить окончательную работу на свой локальный компьютер. Это не недавний проект, он существует с 2006 года, поэтому большинство современных браузеров, поддерживающих стандарты (Firefox, Safari, Chrome, Opera), могут нормально использовать эту программу. Вот некоторые пояснения автора по поводу этого проекта.
Почему была разработана эта программа?
Цель состоит не в разработке программы рисования для Windows, а в том, чтобы испытать функцию Canvas в HTML5.
Способ использования такой же, как и в стандартных программах рисования Windows.
Можно ли его спасти?
Да, но он поддерживает только Firefox 2 и Opera 9 (Примечание переводчика: это программа, реализованная автором в 2006 году). Чтобы сохранить локально, выберите «Загрузить» в меню «Файл», сохраните в Интернете и выберите «Сохранить в Интернете». URL-адрес будет автоматически создан для отображения вашей работы в Интернете.
Само контекстное меню браузера влияет на использование контекстного меню. Отключить контекстное меню можно в настройках браузера.
Почему некоторые функции недоступны?
Некоторые функции поддерживаются в определенных версиях браузера (Примечание переводчика: это по состоянию на 2006 год):
Выбор цветаFirefox 2.0Opera 9 Заливка заливкойOpera 9 Сохранить изображениеFirefox 2.0Opera 9 Открыть URL-адресFirefox 1.5Opera 9Latest Легко ли использовать объект WebKit Canvas?
Отлично подходит для приложений, не требующих кроссбраузерной поддержки. Но в рисовании самая большая проблема заключается в том, что из-за ограничений частоты обновления события перемещения мыши нелегко найти положение курсора, особенно при использовании аэрографа. Кроме того, когда размер становится очень большим, он становится очень медленным и функция getPixel() отсутствует.
Технические подробности В программе используются пять объектов Canvas.
Основная монтажная область, прозрачный слой монтажной области, плавающий выше для отображения содержимого рисования предварительного просмотра, скрытый холст, используемый для кэширования выбранного содержимого, другой, используемый для кэширования статуса отмены, и один, используемый в строке заголовка программы для отображения градиентных цветов.
Эксперименты других авторов с HTML5 Canvas
Canvascape 3D (реализация простого шутера от первого лица с использованием HTML5)
CanvasGraph (библиотека JavaScript для рисования HTML5 Canvas)
Отражения изображений (реализация отражений изображений с помощью HTML5 Canvas)
Canvas Painter (более простая программа для рисования на холсте)
Поистине потрясающая программа для рисования HTML. Если приведенная выше программа заинтересовала вас функцией HTML5 Canvas, вот программа для рисования, которая вас поразит. Его интерфейс и плавность не уступают интерфейсу рабочего стола. На многоэкранном компьютере у меня даже возникает желание перетащить эти плавающие панели инструментов на второй экран.
-