jsp页面上画线如何实现?

wen2425 2006-07-11 05:03:43
希望点击鼠标后移动鼠标就出现一条直线,此时确定直线的一个端点
并且无论鼠标移动到那里 都只出现一条直线
再次点击鼠标的时候,才确定直线的另一个端点.并且显示出这条直线.
就如
http://service.mapbar.com/citymap/?null
上面的测距功能

各位大哥,谢谢了
...全文
358 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
ice_berg16 2006-07-12
  • 打赏
  • 举报
回复
vml可以很轻松实现,不过不兼容其它浏览器

<html xmlns:v = "urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { BEHAVIOR: url(#default#VML) }
</style>
</head>
<body style="margin:0">
<script language="javascript">
<!--
var move = false;
var v = document.getElementById("v");
document.onclick=function(){
if(!move)
{
str = '<v:line from="0,0" to="100,200" style="position;absolute" id="v"/>';
v = document.createElement(str);
v.from = event.clientX+","+event.clientY;
v.to = event.clientX+","+event.clientY;
document.body.appendChild(v);
}
else
{
v.to = event.clientX+","+event.clientY;
}
move = !move;
}
document.onmousemove = function(){
if(move){
v.to = event.clientX+","+event.clientY;
}
}
//-->
</script>
</body>
</html>
wen2425 2006-07-12
  • 打赏
  • 举报
回复
help
wen2425 2006-07-12
  • 打赏
  • 举报
回复
vml可以画折线吗?
那位有画折线的代码呢?
BlueDestiny 2006-07-11
  • 打赏
  • 举报
回复
用vml做这个很简单的

取到event.clientX和event.clientY坐标,用setCapture捕获事件,鼠标释放时把结束的坐标也就出来了
v:line的坐标就是上面所提坐标。
wen2425 2006-07-11
  • 打赏
  • 举报
回复
JAVA? 用applet?
这个网站还有另外一个完全有JavaScript实现的.
zxy945 2006-07-11
  • 打赏
  • 举报
回复
http://www.cndiy8.com/ask13/ask182128.htm
vml的画法
moodboy1982 2006-07-11
  • 打赏
  • 举报
回复
这是JAVA做的。与JAVASCRIPT没有任何关系!

87,909

社区成员

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

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