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