¿Cómo hacer una imagen 5 lienzo JavaScript HTML “tirón de la página” como se ve comúnmente en Flash?
https://stackoverflow.com/questions/1835321
-
11-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
¿Alguien ha intentado recrear el efecto flip página con imágenes como se ve comúnmente en Adobe Flash con JavaScript y HTML 5 etiqueta canvas?
¿Hay marcos o jQuery plug-ins que hacen este tipo de efecto?
El flip página de Flash le permite captar una esquina de la página del libro simulado y da la vuelta a la página como lo haría voltear la página de un libro real.
Realmente quiero aprender a hacer esto con JavaScript y HTML de 5 etiqueta canvas, pero no está seguro por dónde empezar ni qué fórmulas sería necesario.
Solución
Es posible que tenga un vistazo a otro (bonita) la implementación de aleta página basada en HTML5: http: // jpageflipper .codeplex.com /
Es muy agradable y está implementado como un plugin de jQuery.
Otros consejos
Puede intentar jFlip , es un plugin de jQuery, No es IE según norma pero yo supongo que no es un problema para usted, ya que usted está pidiendo para HTML5.
Éste es un plugin jQuery y bastante ingenioso
Este es un tirón de la página HTML 5 aplicaciones que he construido usando HTML5 y jQuery elemento Canvas. Se llama RectoVerso .
También encontré con este: http://romancortes.com/ficheros/page-flip .html
Que se realiza sólo con CSS3.
Hay un estudio de caso rel="nofollow"> claro e informativo sobre la creación de su propia efecto de vuelta de página basado en el de la 20 cosas que he aprendido sobre Internet y el libro web que Narendrakumar vinculado. Es una gran aplicación para imitar, el estudio de caso está claro con ejemplos de código pertinentes, y fue escrito por un desarrollador interactivo senior de internet, la empresa que desarrolló el libro.
http://js1k.com/2010-first/demo/441 < br> Lo más compacto posible: D
Esto es mejor hacerlo con elementos <foreignObject> y SVG transforma de SVG. Esta entrada de blog por Mark Finkle tiene algo de información sobre la rotación de cosas como que tendría que hacer en un efecto "tirón de la página / turno". Por lo que yo sé, sólo se Gecko 1.9+ y apoyo WebKit esto.
