用JavaScript实现使用鼠标画线的示例代码

最新推荐文章于 2023-12-04 12:13:47 发布

VIP文章 tao_wei162

最新推荐文章于 2023-12-04 12:13:47 发布

阅读量1.6k

点赞数

分类专栏： js/jquery/jqueryUi/jqueryEaseyUI/extjs/angulrJs/react/es6/grunt/zepto/raphael 文章标签： javascript xhtml 前端 ViewUI

本文链接：https://blog.csdn.net/tao_wei162/article/details/84829708

版权

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 +

最低0.47元/天解锁文章

tao_wei162

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
用JavaScript实现使用鼠标画线的示例代码

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。用JavaScript实现用鼠标画线，具体步骤是首先是画点，在根据两点坐标画直线，最后是获取鼠标位置,需要的朋友可以参...
复制链接

扫一扫