ipad开发暂时记录

ipad开发临时记录
配置pad放大缩小功能：
<meta name="viewport" content="width=device-width,height=690,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0" />

pad添加至主屏幕：
<meta content="yes" name="apple-mobile-web-app-capable" />

3d旋转效果：
jqery插件：j360

pad滑屏效果 iscroll
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

辐射渐变
http://www.westciv.com/tools/radialgradients/index.html

css3在线效果调试（线性渐变、阴影..）
http://www.css88.com/tool/css3Preview

jCanvasAPI
http://calebevans.me/projects/jcanvas/docs.php?p=clearCanvas

svg封装版本地址
http://raphaeljs.com/

1.perspective兼容
-webkit-transform:perspective(500px) rotateY(-10deg);
该写法在chrome下可显示正常效果，
在safari浏览器中却不识别perspective,
解决方法：将perspective定义在父层

2.投影效果的支持
在safari浏览器下如果设置了rotateY、translateZ、-webkit-transform-style:preserve-3d会使safari浏览器不支持投影效果
解决方法：使用画布去实现投影效果。



2.-webkit-transform-origin:起始位置设置默认为x:100% y:100%;
当与rotateY一起实用时，默认是以右边为始点开始旋转，rotateX,默认是以上边为始点开始旋转。

3.translate(100px,200px)水平向左移动100px 垂直向下移动200px

公司速查手册
http://b1.tooyard.com/