Как на canvas применить изменения к конкретному изображению?

Приветствую. Нарисовал два изображения на canvas. Первое изображение - фон, второе - персонаж. Как применить изменения ко второй картинке? К примеру сделать ее черно-белой. Т.е. не трогая фон.

Персонажа можно перемещать мышкой. Делаю это в цикле.

function start_drawing(){

c.width = c.width;

ctx.drawImage(back,0,0);

ctx.drawImage(img,mouse.x-60,mouse.y-84,120,168);

}

Переменная back хранит фон, а img персонажа. Вообще я сомневаюсь, что я правильно рисую эти две картинки. Как вы заметили, фон я рисую также в цикле. Потому что иначе он сразу же исчезает. Есть подозрения, что нужно вычислить координаты персонажа, а также его размеры и применить изменения в этой области. Но как это сделать не представляю. А может и как-то проще это делается?