求大佬,在jsp里面能拿到点的坐标,怎么将点用线连起来?

蓝海丶丶 2018-11-08 11:34:25
现在用div样式旋转连起来 但是有偏差? 求问怎么改 可以不偏移的连接


注:g[i].x 是起点的x坐标
var xDvalue = g[i].x-g[i-1].x;
var yDvalue = g[i].y-g[i-1].y;
var angle = 0;
if(yDvalue==0&&xDvalue>0){
angle=0;
}else if(yDvalue==0&&xDvalue<0){
angle=180;
}else if(yDvalue>0&&xDvalue==0){
angle=90;
}else if(yDvalue<0&&xDvalue==0){
angle=270;
}else if(yDvalue<0&&xDvalue<0){
angle=Math.atan(Math.abs(yDvalue/xDvalue))/Math.PI*180+180;
}else if(yDvalue<0&&xDvalue>0){
angle=360-Math.atan(Math.abs(yDvalue/xDvalue))/Math.PI*180;
}else if(yDvalue>0&&xDvalue<0){
angle=180-Math.atan(Math.abs(yDvalue/xDvalue))/Math.PI*180;
}else if(yDvalue>0&&xDvalue>0){
angle=Math.atan(Math.abs(yDvalue/xDvalue))/Math.PI*180;
}
if(angle<3||(angle>357&&angle<360)){
angle = 0;
}
var linewidth = Math.pow((xDvalue * xDvalue + yDvalue * yDvalue), 0.5);
var $lineDiv = $("<div class='wjline "+themes+" "+className+"'></div>");
$lineDiv.css({
"height":"20px",
"transform-origin": "0px 10px 0px",
"position": "absolute",
"width":linewidth+"px",
"top":(g[i-1].y-10)+"px",
"left":(g[i-1].x)+"px",
"transform":"rotate("+angle+"deg)",
"-ms-transform":"rotate("+angle+"deg)",
"-moz-transform":"rotate("+angle+"deg)",
"-webkit-transform":"rotate("+angle+"deg)",
"-o-transform":"rotate("+angle+"deg)"
});
...全文
86 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
蓝海丶丶 2018-11-08
  • 打赏
  • 举报
回复
弄不好的话 要出大事的 可能被揍死
蓝海丶丶 2018-11-08
  • 打赏
  • 举报
回复
来大佬 求帮助
蓝海丶丶 2018-11-08
  • 打赏
  • 举报
回复
完蛋了 没人理

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧