Nasıl Yapılır HTML 5 Tuval resmi "sayfa çevirme" Flash'ta sıkça gördüğünüz gibi?

Question

Adobe Flash'ta JavaScript ve HTML 5'in tuval etiketi ile sıkça göründüğünüz görüntülerle sayfa çevirme efektini yeniden oluşturmayı deneyen var mı?

Bu tür bir etki yapan herhangi bir çerçeve veya JQuery eklentisi var mı?

Flash uygulamasında sayfa çevirme işlemi, simüle edilmiş kitap sayfasının bir köşesini yakalamanıza ve sayfayı gerçek bir kitabın sayfasına çevirdiğiniz gibi çevirmenize olanak tanır.

Gerçekten JavaScript'in ve HTML 5'in tuval etiketiyle nasıl yapılacağını öğrenmek istiyorum, ancak nereden başlayacağınızı ve hangi formüllerin gerekli olacağını bilmiyorum.

Example page flip in flash

Answer 1

HTML5 tabanlı sayfa Flipper başka (güzel bir) uygulaması bir göz olabilir.

Answer 2

Sen jFlip deneyebilirsiniz, o It IE uyumlu değil, bir jQuery eklentisi var ama HTML5 için soruyorsunuz çünkü bu sizin için bir sorun değil sanırım.

Answer 3

Bu, SVG'nin <foreignObject> öğesi ve SVG dönüşümü ile daha iyi yapılır. This blog post by Mark Finkle, "sayfa çevirme/döndürme" efektinde yapmanız gereken şekilde dönen öğeler hakkında bazı bilgilere sahiptir. Bildiğim kadarıyla, sadece Gecko 1.9+ ve WebKit bunu destekliyor. http://jpageflipper.codeplex.com/

Gerçekten güzel ve bir jQuery eklentisi olarak uygulanacağı:

Answer 4

HTML5'in Canvas Elementi & jQuery kullanılarak oluşturduğum bir HTML5 Sayfa çevirme uygulaması. Buna RectoVerso denir.

Ayrıca bunun üzerinden koştum: http://romancortes.com/ficheros/page-flip.html
Yalnızca CSS3 ile yapıldı.

Answer 5

http://www.romancortes.com/blog/pure-css3-page-flip-effect/ mümkün olduğunca kompakt gibi: D

Answer 6

http://js1k.com/2010-first/demo/441

Answer 7

bu http://www.20thingsilearned.com/home

Answer 8

20 Things I Learned About Browsers and the Web yılında birine dayalı kendi sayfa çevirme efekti oluşturma hakkında net ve bilgilendirici case study Orada bakın Narendrakumar'ın bağladığı kitap. Bu, taklit etmek için harika bir uygulama, örnek olay incelemesi ilgili kod örnekleri ile açık ve kitap geliştiren şirket Fi için üst düzey bir etkileşimli geliştirici tarafından yazılmıştır.

Answer 9

Bu kimse bu sayfadaki tüm bağlantıların dışında, bir jquery eklentisi ve oldukça şık

http://www.turnjs.com/#home