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

前端之家收集整理的这篇文章主要介绍了javascript – 通过php将Annotorius注释数据从Image Slider保存到mySQL前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要帮助从 @L_404_0@获取anotation值.我有很多代码(太多要发布)用于在滑块中注释图像.现在我需要获取注释数据(位置,大小和注释)以发布到我的服务器(PHPMysqL).

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

解决方法

如果我不是误会.您要查找的数据是:
– 位置: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);
原文链接:https://www.f2er.com/js/157801.html

猜你在找的JavaScript相关文章