图片旋转可以用CSS3中的动画效果来做，CSS3中，允许使用 3D 转换来对元素进行格式化。
成都创新互联-专业网站定制、快速模板网站建设、高性价比大峪网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式大峪网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖大峪地区。费用合理售后完善，10多年实体公司更值得信赖。
html5中引入3d模型的方法是借助第三方PlayCanvas插件来完成的。
触发方法1：告知浏览器变形方式 -webkit-transform-style：preserve-3d；Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。
1、三维变形和二维变形一样，均使用的是transform属性。想要触发三维变形有两种方式：一种方式是通过语法告知浏览器“请采用三维方式进行变形处理”，另一种方式是直接使用CSS3三维变形的语法。
2、首先需要安装一个Dreamweaver软件用于修改网页代码 在模版之家下载了如下图所示的一个网站，我们的目标是把3D模型插入到红框的位置。
3、建模。用3DMAX/MAYA等建模，再上传到iCreaotr模型网就可以拿到嵌入链接，可以嵌入到网页直接放带动画的3d模型，而且自带交互。
4、网页的代码可以这样写，不过需要安装VRML浏览器插件，比如说 CosmoPlayer 或者BS Contact等。
1、首先相片或图片装入空白相框里面，将带有带有图片或相片的相框准备好。用工字钉将图纸模板固定在墙面上，位置固定好后，最好再用透明胶粘好以免移位。
2、首先用彩色工字钉固定图纸，用水平仪调整图纸至水平。然后用锤子把无痕墙钉敲进墙里面。用锤子把墙钉敲进去后，把相框背后的挂钩挂到刚才钉的墙钉上。
3、利用AE模板，新CG儿的模板是免费的不错，自己制作，先找一个人（或许是自己也行，需要有绿幕。站在绿幕前面，架好摄像机，开始拍摄，然后那个人就在绿幕前面做喷绘的动作，需要有在墙上显示的照片，以及墙的素材。
。常用面板中插入一个ActiveX插件，并调整大小 2。
在画布元素canvas中绘制，这是很多h5游戏引擎实现动画的方法，可以去学习一个h5的游戏引擎。还有一个是矢量图方式，svg代码，用代码控制svg元素也可以完成很好的动画效果，像djs这样的图表引擎便使用svg进行绘制。
模拟3D环境，根据摄像机位置、角度，计算物体每个顶点的投影，隐射到2D平面。想要了解更详细的，建议研究一下开源3D项目，如three.js， http：//threejs.org/ ，里面有Canvas渲染器是你要的东西。
可以用clearRect方法擦除指定区域的图形，使矩形区域颜色变透明，context.clearRect(x，y，width，height)。绘制圆形 绘制圆形要比矩形复杂一点，需要使用到路径，创建图形路径→关闭路径→调用绘制方法、路径。
// 绘制一个具有图表背景的图片后再根据要绘制的曲线图各个点在canvas是中的坐标绘制直线。
在指定所需的外观之后，可以使用 fill 方法应用颜色，并使用 stroke 方法执行线条和形状的呈现。 应用一些基本风格。这里，通过使用 fillStyle 属性绘制一个黑色矩形，将画布背景设置为黑色 (#000)。
首先我们先建一个 div 元素 给它一些基本样式 最终效果：从效果上看，这个方法实现的曲线过渡处不够平滑，仍存在较大缺陷。下面就介绍两个更加常用的方法。