1.0.8 • Published 5 years ago

yindu-canvas v1.0.8

Weekly downloads
5
License
ISC
Repository
-
Last release
5 years ago

使用说明文档

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)解绑事件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(){}
onSwipeUpswipeUp 回调function(){}
onSwipeDownswipeDown 回调function(){}
onSwipeLeftswipeLeft 回调function(){}
onSwipeRightswipeRight 回调function(){}
方法名称参数示例
next()切换到下一屏index:指定播放位置
prev()返回上一屏
moveTo(index,isEase)跳到指定位置index:跳到指定位置:isEase:是否需耀动画 默认:false需要动画 不需要动画:true

ResLoader.js 资源加载类

属性名称默认值是否必须
cdncdn地址""
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分享链接当前地址
cdncdn""
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.cn93690926399c3c2010ef1598305646ff
安徽移动ahyd.yindudigital.cn197b7932aa54edd074c9b169edea9fc
上海移动shyd.yindudigital.cn84ce82884295b4197f23a770b1c1c89c
中航zh.yindudigital.cn26984424300688c49d02f5eed4031a61
江苏移动jsyd.yindudigital.cn05ee5754fe6a161e5576ba19582322df
中移动政企zq.yindudigital.cn239cdedf188ab632c9b176946ccad7fb
电信dx.yindudigital.cnfea81dc154ca9556f519c5dc6c1d771c
咪咕migu.yindudigital.cn6cca1164ad57902944130e5193cec5cc
宏图brookstonebrookstone.yindudigital.cnc69e413e8efd2eb964460c9b5ac9b5ac
湖南移动hnyd.yindudigital.cnb027ab295592b33c732f8e16cdb7b092
咪咕圈圈migudm.yindudigital.cneac030d4614f12ab54ac69f216ee6528
浙江移动zjyd.yindudigital.cnd703449a63eadad220b77508bbd3b2f6
海澜之家d56398baa36600d0b4ab251b16f42dbe
1.0.8

5 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago