Объединение канвасов.
 

Есть два канваса (c1 и с2) задача объединить их в один "c1" с учетом альфа канала.
Как?

Положить один под другой?

надо так чтобы был один из двух

Сделай дамп одного в пикчу и нарисуй её как пикчу на другом, первый удали. Это используют как кэш(если первый не удалять конечно).

Если тебе нужно не терять контроль над элементами первого канваса и работать с ними не как с отдельной картинкой, то тогда тебе нужно написать оболочку свою для работы с канвой, но к счастью такая уже есть и написана она нашим русским мужиком.
http://jcscript.com

http://www.kineticjs.com/ более прост в использовании, есть куча готовых примеров, исчерпывающая документация, не очень большое API. Хорошая производительность анимации за счет разделения на слои.

DreamTheater,
а еще есть?

так везде


нет, он более сложен в использовании.

Наверное, я давно такие библиотеки просматривал :)

наф библиотеки.
put/getImage- получить/вставить участок канвы
разложение полученного- data
globalCompositeOperation-управление наложением графики
равноценная замена 10 строкам кода-либа на 1000 строк

я когда только начинал программировать тоже так думал.

:agree: помниться это было в районе первых чисел января
Тебе время считать стоит по забаненым акам твоим))))

Ах тонко тонко)! Я тогда думал что я достаточно знаю, потом обломался) начал читать все.XD
В последний раз меня забанили за то что я "немо", что интересно в следующий раз.

Ну ни фига же не равноценная...

var img = new Image();
img.src = ctx1.toDataURL('image/png');
ctx2.drawImage(img, 100, 100, 100, 100);

Почему так не работает?

Странно, МОЖЕТ(реал не знаю даже) картинка не моментально загружается и ассинхронно?

все разобрался, спасибо!

не так. получить data c использованием getImage с переносимой канвы.
затем из полученного задавать цвет и альфау точки и рисовать поточечно,накрывая точкой соответствующие точки одной канвы точками другой канвы

в чем дело было?