Ich versuche, eine Seitenumblätterung in HTML5 mit Leinwand zu erstellen. Die Animation basiert auf Ideen von dieser Seite . Aber das ist nicht wirklich wichtig. Das Problem, das ich habe, ist, dass die Verwendung der 'Source-in'-Composite-Operation mir nicht die Ergebnisse liefert, die ich erwarte, und würde gerne erklären, warum. Ich denke, es funktioniert nur auf Chrom, nicht auf FF 3.6.
Das schwarze Rechteck soll als Maske für die umblätternde Seite dienen. Alles, was ich sehen möchte, ist das Umblättern in den Bereichen, in denen es die Maske überlappt. Das Problem ist, dass das gesamte schwarze Rechteck gezeichnet wird und nicht nur der Bereich, in dem sie sich überlappen.
Ich weiß, HTML5 wird noch nicht wirklich benutzt, ich experimentiere nur für meine persönliche Seite und Neugier. Irgendwelche Ideen würden sehr geschätzt werden.
Die Canvas-Compositing-Unterstützung wurde unterbrochen und ist in einigen Browsern möglicherweise noch unvollständig.
Vergleichen Sie die Bilder hier mit dem tatsächlichen Rendern in Ihrem Browser, um zu sehen, was in welchem Browser gerade funktioniert.
>