本文主要是介绍用JavaScript实现使用鼠标画线的示例代码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
用JavaScript实现用鼠标画线,具体步骤是首先是画点,在根据两点坐标画直线,最后是获取鼠标位置,需要的朋友可以参考下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
.style1 { font-size: x-small;
}
</style>
<script type="text/javascript">
/**画点
*/
function makedot(x, y){ pointDiv = "<div style='height:1px;position:absolute;left:" + x +"px;top:" + y + "px;width:1px;background:#f00;overflow:hidden'></div>"; return pointDiv;
}
/** 根据两点坐标画直线。
*/ function line(x1,y1,x2,y2){ var slope; //斜率var direction;//坐标运动方向var tx = x2 - x1;var ty = y2 - y1;if(tx == 0 && ty == 0)return;var points = "";var axis;//坐标轴上的坐标if(Math.abs(tx) >= Math.abs(ty)){//在x轴上移动direction = tx > 0 ? 1 : -1;tx = Math.abs(tx);slope = ty / tx;axis = x1;for(i = 0; i < tx; i +
这篇关于用JavaScript实现使用鼠标画线的示例代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!