Составление композита Холста HTML5 (источник - в)

Я пытаюсь воссоздать страницу, зеркально отражающую анимацию типа в HTML5 с помощью холста. Анимация основана на идеях от этой страницы. Но это не действительно важно. Проблема, которую я имею, состоит в том, что использование 'источника - в' составной операции не дает мне результаты, которые я ожидаю и хотел бы разъяснение относительно почему. Я думаю, что это только работает над хромом, не работающим над FF 3.6.

Черный прямоугольник, как предполагается, действует как 'маска' для перевернутой страницы. Все, что я хочу видеть, является поворачивающейся страницей в областях, где она перекрывает маску. Проблемой является весь черный прямоугольник, оттянут, не только область, где они накладываются.

Я знаю, что HTML5 еще действительно не используется, я просто экспериментирую для своего персонального сайта и любопытства. Любые идеи значительно ценились бы.