在JSP中，当给出两个点的坐标的时候，应该如何画线条。
//通过创建点的DIV来组成线(点动成线原理，<!--StartFragment--> ^_^)
function point(x,y){
var oDiv=document.createElement('div');
oDiv.style.position='absolute';
oDiv.style.height='4px';
oDiv.style.width='4px';
oDiv.style.backgroundColor='blue';
oDiv.style.left=x+'px';
oDiv.style.top=y+'px';
//document.body.appendChild(oDiv);
return oDiv;
}
//划线
function drawLine(x1,y1,x2,y2){
var x=x2-x1;
var y=y2-y1;
var frag=document.createDocumentFragment();
if(Math.abs(y)>Math.abs(x)){
if(y>0){
for(var i=0;i<y;i++){
frag.appendChild(point(x1,i+y1));
}
}else{
for(var i=0;i>y;i--){
frag.appendChild(point(x1,i+y1));
}
}
}else{
if(x>0){
for(var i=0;i<x;i++){
frag.appendChild(point(i+x1,y1));
}
}else{
for(var i=0;i>x;i--){
frag.appendChild(point(i+x1,y1));
}
}
}
document.getElementById('div1').appendChild(frag);
}
加上CSS的样式div{overflow:hidden;}，调用的时候：drawLine(x1,y1,x2,y2)即可，body里面
<body>
<div id="div1"></div>
</body>
相关推荐
通常，程序会接收两部分输入：一是点坐标的列表，包括每个点的X和Y坐标；二是与这些点相对应的Z值，即沉降位移数据。这些数据可能来自于实地测量或者数值模拟的结果。程序会通过特定算法（如格网化、距离加权插值等...
坐标系的每个点对应数据库中的一条记录，点的位置由该记录的两列数值决定。 "网页" 指出我们的最终目标是创建一个可以在浏览器中访问的交互式界面。用户可以在这个界面上看到并可能交互地探索数据关系，例如通过...
在这个特定的案例中，我们讨论的是一个基于JSP实现的弹出窗口，其目标是提供一种在页面上显示提示信息的方式，既简洁又具有良好的用户体验。 在网页设计中，弹出窗口通常用于通知用户、请求确认或者显示附加信息。...
我们将会分析标题“js 画图--简单的直线图”所涉及的核心知识点，并结合描述中的博文链接进行深入讲解。 首先，我们要知道在浏览器环境中，JavaScript不能直接操作像素级的画图，因为浏览器的安全机制不允许。但...
实用坐标转换V1.1.0程序可以实现的功能有：单点坐标换算、批量坐标换算、独立坐标系的选择、独立坐标系坐标的计算。其中单点换算包括：经纬大地坐标(B、L、H)与空间直角坐标（X、Y、Z）的互相换算；经纬大地坐标（B...
读取移动端存入数据库的坐标位置信息显示在百度地图上并连线显示用户轨迹。 程序为mysql数据库，location.sql为数据库导出文件 数据库连接信息见BaiduMap\src\com\pandora\db\SqlConnection.java 运行环境：...
Web界面开发的，JSP中利用HTML语言实现美观大方的表格的设计，
jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp模板jsp...
在IT行业中，Web开发是一项关键任务，而JSP（JavaServer Pages）作为Java平台上的动态网页技术，常常被用于构建交互式的Web应用。本篇将深入讲解如何在JSP页面中结合SpringMVC框架，利用百度地图API实现地理位置的...
在JSP页面中，可以通过比较当前新闻的ID与相邻新闻的ID来决定上一篇和下一条的链接是否显示。 3. **无上一篇或下一条的处理**：如果某条新闻是第一条或最后一条，那么“上一篇”或“下一条”按钮应该隐藏或显示提示...
在JSP页面中，我们可以使用`<jsp:include>`标签将这个等待元素嵌入到每个需要加载等待的页面中。 ```html <!DOCTYPE html> 加载等待页面 <!-- 引入CSS样式 --> <!-- 加载等待元素 --> <div id="loading">...
本资源分享的是一个基于JSP的分页工具条插件，方便开发者快速实现分页功能。 首先，我们来理解一下什么是分页。分页是一种数据展示策略，将大量的数据分隔成若干小块，每一块称为一页，用户可以逐页浏览，这样既...
该方案使用JSP技术读取ORACLE数据库中的BLOB字段存储的坐标点，然后将坐标传递到JAVA类中显示图形。在图形的正中还显示了编号，充分展示了JSP结合JAVA应用的优势。 知识点1：JSP技术的应用 * JSP（Java Server ...
在IT行业中，Web应用开发是一个重要的领域，而JSP（JavaServer Pages）作为一种基于Java的动态网页技术，常被用于构建交互性强的Web应用程序，如我们这里提到的“抽奖系统”。本系统利用JSP的灵活性和Java的强大功能...
干扰线的绘制使用了一个循环，生成随机的起点和终点坐标，然后画出直线，增加图像的复杂性，防止自动识别。 数字的生成是通过循环随机生成0-9之间的数字，拼接成字符串`sRand`，然后用不同的随机颜色绘制到图像上。...
在这个案例中，我们有两个关键的文件：`traceDraw.jsp` 和 `personTraceMap.jsp`，它们分别用于绘制特定点的运动轨迹和根据位置数组来绘制轨迹。 1. **轨迹绘制**： - `traceDraw.jsp` 文件可能包含代码来实时或...
在IT行业中，JSP（JavaServer Pages）是一种用于创建动态网页的技术，它是Java技术的一部分，允许开发者将HTML、CSS和JavaScript代码与Java代码相结合，从而实现服务器端的业务逻辑处理。当你遇到“jsp页面加载时...
12. 用什么sql语句将数据库中的一条记录,复制为两条? 13. 有兩個按鈕A,B,其中A按下去,A就不可以再按,另外B按下去,A可以再按..請問如何用javascript控制.? 14. jsp中的数据库的连接方式 15. 在jsp中,怎么实现按回车就...
Echarts在JSP中的使用配置手册 Echarts是一款基于JavaScript的数据可视化库，它提供了各种图表和组件，能够帮助开发者快速构建数据可视化应用。在JSP中使用Echarts需要进行一些配置和集成，本文将详细介绍如何在JSP...
例如，预订操作可能需要插入一条新的预订记录到`Reservations`表中。 在设计系统时，我们需要考虑权限控制，确保只有授权用户才能进行特定操作。这可以通过session管理实现，当用户登录成功后，将用户信息保存在...