 |
帮助列表 |
搜索
WEB端开发
JS文件
JQUERY文件
https://cdn.aodianyun.com/static/jquery/jquery-1.7.2.min.js
白板逻辑文件
https://cdn.aodianyun.com/wis/app.js
白板接口文件
https://cdn.aodianyun.com/wis/api.js
API.JS描述
api.js 是提供api给app.js访问WIS开放接口用的。查看WIS-OPENAPI 文档
api.js ajax发送到自己的WEB服务接口中。
然后由自己的WEB服务带上 奥点的accessID和 accessKey 调用WIS的openapi。
当前默认实现的是跟 demo中的interface.php对应的。自己的服务中是需要自己定制
APP.JS的接口
初始化Init
var api = WISAPI.New('./interface.php',{ syncTimeout:3000 })
//初始化api的时候增加syncTimeout做 同步延时。
WIS.Init({
wisId: wisId,//白板服务的ID
api: api,//白板服务的OPENAPI 参看API.JS描述
container: 'wis_context',//div标签
width: 784,//文档显示区域的宽
height: 550,//文档显示区域的高
useSSL:true,//可选参数 是否使用wss 即安全的websocket
cUrls:{
big:"",
small:"",
text:"",
clear:"",
move:"",
rect:"",
arc:"",
},//参数可选，若不需要可不添加该参数，若添加则不可为空，自定义鼠标样式
bsmConfig:{
maxScale : 4.0, // 最大放大倍数
minScale : 0.1, // 最小放大倍数
step : 0.1 // 每次放大、缩小 倍数的变化值
},//放大缩小平移工具的配置参数（可选），上方三个为默认参数。
density:150, //Number 图像密度 默认150 范围 0(不含) ~ 300
quality:80, //Number 图像质量 默认80 范围 0(不含) ~ 100
resize:800, //Number 图像分辨率 默认800 范围 0 ~ 2000 为0时 原图像分辨率
hideCursor:false,//是否隐藏鼠标（可选），默认false
success:function(){//初始化成功的回调
},
failure:function(err){//初始化失败的回调err有失败原因
},
updateUser:function(total){//白板人数更新
},
onCustomMessage:function(msg,topic){//接受客户端调用WIS.sendCustomMessage()发送的自定义消息
},
onConnect:function(){//白板服务链接成功
},
onReconnect:function(){//白板服务重连
},
onConnectClose:function(){//白板服务断开，之后会自动重连
},
onDocLoad: function (info) {//白板选择的文档信息初始化后回调
},
onPageChange:function(page,total){//翻页的时候会回调
}
});WIS.Loaded()
判断WIS是否初始化成功
WIS.GetCurrentDoc()
获取白板当前使用的文档
WIS.NextPage(option), ToPage(option), WIS.PrevPage(option)
页码操作
WIS.PrevPage({
success:function(){},
failure:function(err){}
})
WIS.NextPage({
success:function(){},
failure:function(err){}
})
WIS.ToPage({
page:<your chose page>,
success:function(){},
failure:function(err){}
})WIS.LineWidth(lw),WIS.Color(co),WIS.SetDrawType(type),WIS.Clear()
绘图的工具设置
设置线宽
WIS.LineWidth(1)
设置颜色 (以#开头的颜色格式)
WIS.Color("#ffffff")
设置绘制工具
WIS.SetDrawType(type)
type 暂时只支持
"custom" 画笔
"rect" 矩形
"clear"区域清理
"arc"圆形工具
清屏
WIS.Clear()****
清除文档上的绘制内容WIS.AllowDraw(option)
设置是否允许绘制
WIS.AllowDraw({
bdraw:true,
success:function(){},
failure:function(){}
})WIS.ChoseDoc(option)
选择文档
WIS.ChoseDoc({
docId: 文档ID,
failure: function () {
},
success:function(){
}
})WIS.Resize(width,height)
重置文档显示区域 WIS.Resize(width,height)
ResizeDoc(density,quality,resize)
重置文档的参数 ResizeDoc(density,quality,resize) 注： density:Number；图像密度， 默认150， 范围 0(不含) ~ 300； 在范围外时 默认不修改 quality:Number；图像质量， 默认80， 范围 0(不含) ~ 100 ； 在范围外时 默认不修改 resize:Number； 图像分辨率，默认800， 范围 0 ~ 2000，为0时 原图像分辨率；在范围外时 为原图像分辨率
WIS.Alpha(alpha)
设置线条透明度 WIS.Alpha(0.5);
WIS.Track({state:true,time:200})
画笔的轨迹同步，state 为真 是开启，time 同步间隔
WIS.Track({state:true,time:200});WIS.Recover();
还原放大缩小平移状态 WIS.Recover();
WIS.SendCustomMessage({msg:"",success:function(){},error:function(error){}});
发送自定义消息
WIS.SendCustomMessage({
msg: "",//json字符串
success: function () {
console.log("发送自定义消息成功");
},
error: function (error) {
console.log("发送自定义消息失败:", error);
}
}); //消息可在大课白版的dms实例中查看
