程序实例化之后,还需要调用load方法加载指定的图片。
参数可以是图片的路径,data url(支持的话),ie6还可以用本地路径。
如果是gif图片,就要注意不要用canvas,原因上面也说了,canvas只能显示一帧图片。
使用说明
实例化时,必须有容器对象或id作为参数:
然后调用load方法加载图片:
trans.load(img);
可选参数用来设置系统的默认属性,包括:
属性: 默认值//说明
mode: "css3|filter|canvas",
zoom: .1,//缩放比率
onPreLoad: function(){},//图片加载前执行
onLoad: function(){},//图片加载后执行
onError: function(err){}//出错时执行
其中zoom、onPreLoad、onLoad、onError属性可以在程序初始化后动态设置。
提供以下变换方法:
vertical:垂直翻转
horizontal:水平翻转
rotate: 旋转
left:向左转90度
right:向右转90度
rotatebydegress:根据角度旋转
scale:缩放
zoomin:放大
zoomout:缩小
还提供了以下方法:
load:加载图片;
reset:重置图像为默认状态;
dispose:销毁程序。
加入拖动旋转扩展程序或滚轮缩放扩展程序后,会自动启用,可以自定义mouseRotate或mouseZoom属性为false来取消。
程序源码
代码
拖动旋转扩展
代码
滚轮缩放扩展
代码
完整实例下载