javascript – 通过php将Annotorius注释数据从Image Slider保存到mySQL

我需要帮助从 Annotorius Library获取anotation值.我有很多代码(太多要发布)用于在滑块中注释图像.现在我需要获取注释数据(位置,大小和注释)以发布到我的服务器(PHP和MysqL).

任何人都可以发布一些我可以学习的示例代码吗？

解决方法

如果我不是误会.您要查找的数据是：
– 位置：x,y
– 尺寸：宽度,高度
– 评论：注释文本

试试这个：

var datapost = new Array();
//loop all annotation
anno.getAnnotations().forEach(function(element){
 var details = '==============================================================\n';
 details += '\n image      : ' + element.src;
 details += '\n comment    : ' + element.text;

 var geometry = element.shapes[0].geometry;
 var imgObj = new Image();
 imgObj.src = element.src;

 //get position and size by pixel
 var position_x  = Math.round(imgObj.width  * geometry.x);
 var position_y  = Math.round(imgObj.height * geometry.y);
 var size_width  = Math.round(imgObj.width  * geometry.width);
 var size_height = Math.round(imgObj.height * geometry.height);

 details += '\n position_x : ' + position_x;
 details += '\n position_y : ' + position_y;
 details += '\n width      : ' + size_width;
 details += '\n height     : ' + size_height;

 console.log(details);

 //add data to post
 datapost.push({
  'image'      : element.src,'position_x' : position_x,'position_y' : position_y,'width'      : size_width,'height'     : size_height,'comment'    : element.text
 });
});

//post data to the server here
console.log(datapost);