jquery.picsign图片标注组件实例详解

inputheight: 247,//标注内容编辑窗口高
beforeadd: function (data) {//在添加保存前执行的方法，返回false阻断添加
},
onadd: function (data) {//添加完成执行的方法
},
beforeupdate: function (data) {//在修改保存前执行的方法，返回false阻断修改
},
onupdate: function (data) {//修改完成执行的方法
},
beforedel: function (data) {//在删除保存前执行的方法，返回false阻断删除
},
ondel: function (data) {//删除完成执行的方法
}
};

基本数据格式

[{
 left:'50%',
 top:'50%',
 msg:'这是标注信息',
 signid:'这是标注唯一标识符，用户无需赋值，与组件逻辑相关，请不要使用此关键字'
}]

用户添加的数据中必须包含left、top、msg属性

用户可自行扩展其他属性

特殊说明：请不要添加和使用signid关键字

方法调用

$("#picsign").picsign('functionName',parameter);
//functionName为方法名称，parameter为方法参数，详细说明参见方法说明

方法说明

获取标注数据

方法名称：getData

参数：无

$("#picsign").picsign('getData');

添加标注数据

方法名称：addSign

参数：基本数据Json,是否触发事件（默认为true）

$("#div_picsign").picsign("addSign",
 [{ left: '50%', top: '10%', msg: "123"},
 { left: '80%', top: '10%', msg: "456"}],
 true
)

切换标注显示状态

方法名称：toggle

参数：无

$("#div_picsign").picsign("toggle")

组件销毁

方法名称：destroy

参数：无

$("#div_picsign").picsign("destroy")

总结

以上所述是小编给大家介绍的jquery.picsign图片标注组件实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！