Ваш первый вариант работает аналогично моему. На сервере без проблем, локально на компьютере пиксели не обрабатываются.

Второй себя ведёт точно так же. После чистки cookei на компьютере. Заливку без кнопки или без сервера выполнить невозможно.

Это зависит от браузера. Firefox позволяет получать информацию по пикселям произвольного локального изображения, если сам файл тоже открыт локально. Chrome запрещает, потому что не безопасно: мало ли куда полезет случайно локально открытый файлик.
Каждая позиция по своему оправдана.

Если вы пишете то, что будет использовано в интернете - используйте для тестирования локальный сервер. Слишком многое разнится между запуском "из интернета" и просто запуском файла, целое поле грабель по которым можно пройтись.

Спасибо, так оно вероятно и есть. У меня Chrome. Firefox попробую установить.

Aetae,
Ваша правота подтвердилась, Firefox не удалось установить. Но в поисках причины удалил менеджер браузеров. У меня были установлены браузеры АМИГО, ХРОМ, ЯНДЕКС, ОПЕРА. Во всех программа раскраски работала одинаково, локально заливка с лейки не срабатывала, остальное было нормально. Теперь по прежнему работает только ЯНДЕКС. В ОПЕРЕ лейка заработала, но не переключается курсор и не срабатывает событие onmouseup оно так же перестало работать в АМИГО и ХРОМ, но в них по прежнему лейка не работает. Ваш совет удалить все, почистить ВИНД, и по новой установить браузеры?

Почистить винду бы не помешало в любом случае, особенно после Амиго, но проблема явно не в ней.
Перво-наперво вам надо определиться - чего именно вы хотите. Если что-то для других, то оно не должно зависеть от браузера и работать всегда одинаково. Если для себя - берёте тот браузер в котором работает и делаете что хотите. Можно даже спец. билд браузера под себя сделать.
Далее, если не работает javascript - чистка винды никак не поможет, потому что проблема в вашем коде. Жмёте f12 и смотрите, что вам пишет консоль.

Спасибо! На сайте в этих браузерах проблем нет. А в целом сомневаюсь связи с посетителями нет, кто его знает, почему сегодня не разу не была задействована лейка(заливка). Посетителей (обслуженных хостов 62), только кисточка, может лог файлы врут а может реально у меня вообще у людей и не работает ничего.

Ну раскраска действительно работает кое-как. Например не перестаёт рисовать когда мышка "отжата" и координаты мыши считает без учёта прокрутки.
Заходите на свою страницу, жмёте f12, выбираете "Консоль" и смотрите что за ошибки вам выдаёт, например:

TypeError: document.webkitCancelFullScreen is not a function
[Подробнее]risynok.js:5:1
22:45:43.542 ReferenceError: otmena is not defined
[Подробнее]ris.html:1:1
22:45:43.585 ReferenceError: otmficwet is not defined
[Подробнее]ris.html:1:1
22:45:44.792 ReferenceError: holst2 is not defined

Это странное явление отсутствие на верхнем слое канваса событие на отжатую мышку. Прописал к двум верхним слоям, в моей ОПЕРЕ работает. А вот куда пропало переключение курсора, пока загадка. Прокрутка учитывается просто курсор в виде лейки или кисточки имеет большие размеры и в ОПЕРЕ у меня перестал отображаться. Проверите пожалуйста сейчас на отжатие мышки реагирует?

"Отжатие" теперь работает. На счёт прокрутки - измените размер окна, так чтоб видно было только половину картинки, прокрутите вниз и попробуйте порисовать - рисовать будет сверху.