我正在尝试在画布内创建一个div。
我想让div表现如以下图片所示：http://i40.tinypic.com/10fxaxi.png。 div应该从步骤1过渡到步骤5，如图片中所述。
就像有一本书的页面在这个角度，视图和视角上翻转一样。
有人可以帮我吗？它应该只是Html5，css3和任何JS pr Jquery。
谢谢。
最佳答案
您可以使用画布上下文的转换来进行页面翻转。
缩放可以使用context.scale（scaleX，scaleY）完成。
可以使用context.rotate（radianAngle）进行旋转。
倾斜没有专用的上下文命令，但可以使用context.transform（1，skewY，skewX，1，0，0）;来完成。
您还需要context.translate，它设置所有缩放，旋转和倾斜操作的原点：context.translate（X，Y）。
尝试一下，如果有疑问，请返回您的代码。
祝您的项目好运！