Как рисовать на канвасе с изображением?

Question

[kirillleogky]

Есть код: https://jsfiddle.net/3ab9vc0L/

При клике на кнопку 256x256 на канвасе рисуется изображение



Подскажите как сделать что можно было рисовать карандашом (рисование происходит при клике мышкой) поверх изображения?
Пример:


Как работает карандаш - при клике мышкой на канвасе сейчас фото исчезает и появляется дефолтный фон и там уже рисуется пиксель с новым цветом ( цвет виден в кнопке Current Color)