Я пытаюсь создать div внутри холста. Я бы хотел, чтобы поведение div велось, как на этом рисунке: http://i40.tinypic.com/10fxaxi.png. Div должен перейти от шага 1 к шагу 5, как описано на изображении.рисование и анимирование страницы книги на холсте
Это похоже на страницу с книгой, отражающей этот угол, вид и перспективу. Может кто-нибудь мне помочь? это должен быть только Html5, css3 и любой JS pr JQuery. Спасибо.
Вы можете сделать свою страницу с помощью преобразований контекста canvas.
Масштабирование может быть выполнено с помощью context.scale (scaleX, scaleY).
Вращение может быть выполнено с помощью context.rotate (radianAngle).
Skewing не имеет выделенной команды контекста, но может быть выполнен с использованием context.transform (1, skewY, skewX, 1, 0, 0);
Вам также понадобится context.translate, который устанавливает начальную точку всех операций масштабирования, вращения и перекоса: context.translate (X, Y).
Попробуйте и верните код, если у вас есть вопросы.
Удачи вам в вашем проекте!
http://www.turnjs.com/ Просто погуглил: p – Kerstomaat
Я уже посмотрел на этот. у них нет перспективы или угла зрения, который я ищу. :( – user2557307
Просто используйте что-то вроде «transform: перспектива (1000px) rotateX (20deg)» на весь поворот shebang ... кажется, делает трюк;) – Kerstomaat