javascript - 通过php将Annotorius批注数据从Image Slider保存到MySQL

我需要帮助从Annotorius Library获取注释值。我有大量代码(太多内容无法发布)用于在滑块中注释图像。现在，我需要获取注释数据(位置，大小和注释)以发布到我的服务器(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);