记录鼠标轨迹生成vml曲线图程序(可模拟签名)

最新推荐文章于 2024-08-18 16:35:32 发布

全息宇宙

最新推荐文章于 2024-08-18 16:35:32 发布

阅读量4k

点赞数 1

分类专栏： WEB开发技术文章标签： function javascript behavior input url html

本文链接：https://blog.csdn.net/manyou/article/details/491036

版权

WEB开发技术专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>签名研究</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<STYLE>
v/:* { BEHAVIOR: url(#default#VML) }
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
cursor:url(pen_i.cur);
}
.p1{cursor:url(pen_i.cur)}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
//作者坚信科学技术是第一生产力，努力向技术更高峰攀登。决定了就要去做，做就要做好！
var flag = 0;
var ind   = 0; //曲线段计数
var indNb = 0; //曲线段内部坐标计数
var point = new Array();
var xian = "";
function microsoftMouseMove() {
if ((window.event.x != document.all.x.value || window.event.y != document.all.y.value) && flag==1) {
  document.all.x.value = window.event.x;
  document.all.y.value = window.event.y;

point[ind][indNb] = window.event.x + "," + window.event.y; //记录鼠标x,y坐标
xian += point[ind][indNb] + " ";

indNb += 1; //点数累加
}
}

function msDown() {
xian = "";
xian = "<v:PolyLine style='POSITION:absolute;Z-INDEX:1;WIDTH:1;HEIGHT:1;TOP:0;LEFT:0' filled='false' Points='"
point[ind] = new Array();
indNb = 0; //新线段开始，点数清零
point[ind][indNb] = window.event.x + "," + window.event.y; //记录鼠标x,y坐标
xian += point[ind][indNb] + " ";
indNb += 1; //点数累加
flag = 1;
}

function msUp() {
flag = 0;
ind += 1; //线段数累加
if (xian != "") {
  xian += "'/>";
  newPoint = document.createElement(xian);
  group1.appendChild(newPoint);
  parent.document.all.txt.value += xian + "/n";
}
}