yindu-canvas
v1.0.8
Published
yindu digital third plugin
Downloads
13
Readme
使用说明文档
EventClass.js 自定义事件
| 方法 | 名称 | 参数 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| trigger(event[,data])| 触发事件 | event:事件名称 ; data:数据传输 | |
| on(eventName,fn) | 监听事件 | eventName:<String|Object|Array>事件名称;fn:回调函数 |object.on('eventName',fn)绑定某个事件; object.on({ "event1":fn1, "event2":fn2}) 绑定多个事件;object.on(["event1","event2","event3"....],fn) 多个事件绑定一个回调函数; |
| bind(eventName,fn) | on的别名 | 参照on方法 | |
| once(eventName,fn) | 事件只监听一次 | 参照on方法 | |
| one(eventName,fn) | once的别名 | 参照on方法 | |
| off([eventName][,fn])| 解绑事件 | eventName :事件名称; fn:回调函数| object.off() 解绑所有事件;2.object.off(event)解绑某个事件;3.object.off(event,fn) 解绑指定的回调函数 |
| unbind(eventName,fn) | off的别名 | 参照off方法 | |
Frame.js 序列帧类
| 属性 | 名称 | 默认值 | 是否必须 |
| --------- |:--------------- |:-------------|:-------------|
| rate | 帧速率 | 60 | 否 |
| wrapper | 序列帧父级 | null | 是 |
| 方法 | 名称 | 参数 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| play([index]) | 从指定位置播放序列帧 | index:指定播放位置 | |
| pause() | 暂停序列帧播放 | | |
| stop() | 停止序列帧播放 | | |
| 事件 | 名称 | 说明 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| frame:playing | 序列帧开始播放 | | |
| frame:pause | 序列帧暂停播放 | | |
| frame:stop | 序列帧停止播放 | | |
Page.js 页面布局类
| 属性 | 名称 | 默认值 | 是否必须 |
| --------- |:--------------- |:-------------|:-------------|
| pages | 需要切换的所有屏 | $('.page') | 否 |
| direction | 切换方向 :vertical 或 v 为上下滑动,horizontal 或 h 为左右滑动 | vertical; | 否 |
| currentClass | 当前屏的class (方便实现内容的进场动画) | current | 否 |
| rememberLastVisited | 记住上一次访问结束后的索引值,可用于实现页面返回后是否回到上次访问的页面 | true | 否 |
| animationPlayOnce | 切换页面时,动画只执行一次 | function(){} | 否 |
| oninit | 初始化完成时的回调 | function(){} | 否 |
| onbeforechange | 开始切换前的回调 | function(){} | 否 |
| onchange | 每一屏切换完成时的回调 | function(){} | 否 |
| onSwipeUp | swipeUp 回调 | function(){} | 否 |
| onSwipeDown | swipeDown 回调 | function(){} | 否 |
| onSwipeLeft | swipeLeft 回调 | function(){} | 否 |
| onSwipeRight | swipeRight 回调 | function(){} | 否 |
| 方法 | 名称 | 参数 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| next() | 切换到下一屏 | index:指定播放位置 | |
| prev() | 返回上一屏 | | |
| moveTo(index[,isEase]) | 跳到指定位置 | index:跳到指定位置:isEase:是否需耀动画 默认:false需要动画 不需要动画:true | |
ResLoader.js 资源加载类
| 属性 | 名称 | 默认值 | 是否必须 |
| --------- |:--------------- |:-------------|:-------------|
| cdn | cdn地址 | "" | 否 |
| version | 图片资源版本号 | "" | 否 |
| 方法 | 名称 | 参数 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| addImage(img[,callback]) | 添加图片 | img:String 图片地址,会将图片名称以及后缀名处理形成键值 ,方便获取 callback:function : 将处理后的图片(与cdn和version结合) | bg.jpg 会转为 bg_jpg 以供 getImage使用|
| getImage(key) | 获取图片 | 图片的键值 | 会返回img元素 |
| start() | 开始 加载资源 | | |
| 事件 | 名称 | 说明 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| res:loadProgress | 资源加载进度 | 参数:[{total:总资源,loaded:已经加载的资源}] | |
| res:loadComplete | 资源加载完成 | | |
PageResLoader.js HTML页面资源加载类 继承 ResLoader
| 事件 | 名称 | 说明 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| pageRes:loadProgress | 资源加载进度 | 参数:[{total:总资源,loaded:已经加载的资源}] | |
| pageRes:loadComplete | 资源加载完成 | | |
WXShare.js 微信分享
| 属性 | 名称 | 默认值 | 是否必须 |
| --------- |:--------------- |:-------------|:-------------|
| shareAppTitle | 分享到朋友标题 | "" | 是 |
| shareAppDesc | 分享到朋友摘要 | "" | 是 |
| shareTimelineTitle | 分享到朋友圈标题 | 取shareAppTitle值 | 否 |
| shareTimelineDesc | 分享到朋友圈摘要 | shareAppDesc | 否 |
| shareAppComplete | 分享到朋友回调函数 | "" | 否 |
| shareTimelineComplete | 分享到朋友圈回调函数 | "" | 否 |
| shareLink | 分享链接 | 当前地址 | 否 |
| cdn | cdn | "" | 否 |
| version | 版本号 | "" | 否 |
| shareImage | 分享图片 | "" | 否 |
| 事件 | 名称 | 说明 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| shareSuccess | 分享成功 | 参数:[,{type:分享类型}}] | {type:"app"}:分享朋友{type:"timeline"}:分享朋友圈 |
UploadFile.js 本地图片上传类
| 属性 | 名称 | 默认值 | 是否必须 |
| --------- |:--------------- |:-------------|:-------------|
| uploadId | 为生成的input标签的id和name属性赋值 | uploadFile | 否 |
| compass | 对上传的图片是否压缩 | true | 否 |
| maxWidth | 压缩图片的最大宽度 | 500 | 否 |
| quality | 生成的图片质量(仅对jpeg和webp有效) | .92 | 否 |
| 事件 | 名称 | 说明 | 示例 |
| --------- |:--------------- |:-------------|:-------------|
| loadstart | 图片开始上传 | | |
| loadprogress | 图片上传进度 | [{loaded,total}] | |
| loadfinish | 图片上传成功 | [{result}] ||
alloy_finger.js 多指触碰类
var af = new AlloyFinger(element, {
touchStart: function () { },
touchMove: function () { },
touchEnd: function () { },
touchCancel: function () { },
multipointStart: function () { },
multipointEnd: function () { },
tap: function () { },
doubleTap: function () { },
longTap: function () { },
singleTap: function () { },
rotate: function (evt) {
console.log(evt.angle);
},
pinch: function (evt) {
console.log(evt.zoom);
},
pressMove: function (evt) {
console.log(evt.deltaX);
console.log(evt.deltaY);
},
swipe: function (evt) {
console.log("swipe" + evt.direction);
}
});
用于其他信息说明
统计代码
| 名称 | CDN |统计 | | --------- |:--------------- |:-------------| | 北京移动 | bj.yindudigital.cn | 93690926399c3c2010ef1598305646ff| | 安徽移动 | ahyd.yindudigital.cn | 197b7932aa54edd074c9b169edea9fc| | 上海移动 | shyd.yindudigital.cn | 84ce82884295b4197f23a770b1c1c89c| | 中航 | zh.yindudigital.cn | 26984424300688c49d02f5eed4031a61| | 江苏移动 | jsyd.yindudigital.cn| 05ee5754fe6a161e5576ba19582322df| | 中移动政企 | zq.yindudigital.cn | 239cdedf188ab632c9b176946ccad7fb| | 电信 | dx.yindudigital.cn | fea81dc154ca9556f519c5dc6c1d771c| | 咪咕 | migu.yindudigital.cn | 6cca1164ad57902944130e5193cec5cc| | 宏图brookstone | brookstone.yindudigital.cn | c69e413e8efd2eb964460c9b5ac9b5ac| | 湖南移动 | hnyd.yindudigital.cn | b027ab295592b33c732f8e16cdb7b092| | 咪咕圈圈 | migudm.yindudigital.cn | eac030d4614f12ab54ac69f216ee6528| | 浙江移动 | zjyd.yindudigital.cn | d703449a63eadad220b77508bbd3b2f6| | 海澜之家| | d56398baa36600d0b4ab251b16f42dbe|