yindu-canvas

1.0.8 • Public • Published

使用说明文档

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

Readme

Keywords

Package Sidebar

Install

npm i yindu-canvas

Weekly Downloads

0

Version

1.0.8

License

ISC

Unpacked Size

35.6 kB

Total Files

7

Last publish

Collaborators

  • chinazhanghai