2010-02-25 11 views
8

Próbuję odtworzyć stronę odwracającą animację typu w HTML5 przy użyciu kanwy. Animacja oparta jest na pomysłach z this page. Ale to nie jest naprawdę ważne. Problem polega na tym, że użycie złożonej operacji "source-in" nie daje oczekiwanych rezultatów i chciałbym wyjaśnić, dlaczego tak się dzieje. Myślę, że działa tylko na chrome, nie działa na FF 3.6.Kompozycja HTML5 na płótnie (źródło-w)

Czarny prostokąt powinien działać jako "maska" dla odwracanej strony. Wszystko, co chcę zobaczyć, to przewracająca się strona w obszarach, w których pokrywa się z maską. Problem polega na tym, że rysowany jest cały czarny prostokąt, a nie tylko obszar, na który się nakładają.

Wiem, że HTML5 tak naprawdę nie jest jeszcze używany, po prostu eksperymentuję z moją osobistą witryną i ciekawością. Wszelkie pomysły będą mile widziane.

+2

HTML5, choć wciąż eksperymentalny, jest już używany, a obsługa przeglądarek również nie jest taka zła. – Tronic

+1

Przykładowy kod jest uszkodzonym linkiem. Zastanawiasz się, czy to powinno być zamknięte, ponieważ wydaje się zbyt szczegółowe, a przykład do obejrzenia już nie istnieje. Zastanawiasz się, czy istnieje odpowiedź "porzuconego projektu". – artlung

Odpowiedz

5

Obsługa kompozycji na płótnie została zerwana i może być niekompletna w niektórych przeglądarkach.

Porównaj images here z the actual rendering w przeglądarce, aby zobaczyć, co teraz działa w której przeglądarce.

+0

Minął około rok od opublikowania tego komentarza. Wygląda na to, że Firefox 4 jest dobry. W przeglądarce Chrome 11 występuje błąd źródła (wyglądem przypomina źródło), źródłowym wyjściem (wygląda jak xor), miejscem docelowym (nie kopiuje niczego), miejscem docelowym (wygląda jak miejsce docelowe) i kopiowaniem (wygląda na to, że źródło nad). To trochę rozczarowujące, ale przynajmniej powinno być bezpiecznie używać innych. Czy ktokolwiek może to sprawdzić w IE9? – mgiuca

+2

Sześć miesięcy później. Chrome 15 jest dobry na każdym z nich. Firefox 8 nie obsługuje już ciemniejszych. IE9 nie załaduje strony w ogóle (jakiś błąd dotyczący zdarzenia onload), więc nie mogę powiedzieć, co obsługuje. – snostorm