社区
JavaScript
帖子详情
请教一关于画线问题,马上给分!!!
nic2008
2003-10-17 02:35:52
鼠标onclick并onmousemove画一直线,再点击结合画线!!
在线等 马上给分!!!!!!!!!!!!
...全文
52
6
打赏
收藏
请教一关于画线问题,马上给分!!!
鼠标onclick并onmousemove画一直线,再点击结合画线!! 在线等 马上给分!!!!!!!!!!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
llhdf
2004-02-12
打赏
举报
回复
我也想实现这样的功能.
nic2008
2003-10-20
打赏
举报
回复
我对javacscript不是很清楚啊!!!
能不能说的详细些?
gq
2003-10-20
打赏
举报
回复
有了函数,自己写鼠标事件来触发函数咯。
nic2008
2003-10-17
打赏
举报
回复
不是要点击按钮的效果啊,要有鼠标事件的!!!
各位帮帮忙忙啊!!
很急的!!!!!
gq
2003-10-17
打赏
举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>emu's paint without vlm</title>
</head>
<body>
<button onclick="testDrawCurve()">画曲线</button>
<button onclick="testDrawArc()">画弧线</button>
<button onclick="testDrawCircle()">画圆</button>
<button onclick="testDrawLine()">画线</button>
<button onclick="testDrawRectangle()">画矩形</button>
<button onclick="testDrawPie()">画饼图</button>
<div id=div1></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function testDrawCurve()
{
div1.innerHTML = drawCurve();
}
function testDrawArc()
{
div1.innerHTML =drawArc(150,150,100,0,270,"viloet")
}
function testDrawCircle()
{
div1.innerHTML = drawCircle(200,200,150,"blue");
}
function drawCircle(x0,y0,radius,color)
{
return drawArc(x0,y0,radius,0,360,color)
}
function testDrawLine()
{
div1.innerHTML = drawLine(100,200,500,200,"yellow")+drawLine(300,100,300,400,"black")+drawLine(600,400,100,100,"violet")
}
function testDrawRectangle()
{
div1.innerHTML = drawRectangle(200,100,600,200,"blue")+drawRectangle(100,200,400,500,"red")
}
function testDrawPie()
{
div1.innerHTML = drawPie(300,200,120,0,45,"red");
}
function drawLine(x0,y0,x1,y1,color)
{
var rs = "";
if (y0 == y1) //画横线
{
rs = "<table style='top:"+y0+";left:"+x0+";position:absolute'><td bgcolor="+color+" height=3 width="+Math.abs(x1-x0)+"></td></table>";
}
else if (x0 == x1) //画竖线
{
rs = "<table style='top:"+y0+";left:"+x0+";position:absolute'><td bgcolor="+color+" width=1 height="+Math.abs(y1-y0)+"></td></table>";
}
else
{
var lx = x1-x0
var ly = y1-y0
var l = Math.sqrt(lx*lx+ly*ly)
rs = new Array();
for (var i=0;i<l;i+=1)
{
var p = i/l;
var px = x0 + lx*p;
var py = y0 + ly*p;
rs[rs.length] = "<table style='top:"+py+";left:"+px+";position:absolute'><td bgcolor="+color+" height=3></td></table>";
}
rs = rs.join("");
}
return rs
}
function drawRectangle(x0,y0,x1,y1,color)
{
if (x0 == x1 || y0 == y1) return;
if (x0>x1) {var t=x0;x0=x1;x1=t}
if (y0>y1) {var t=y0;y0=y1;y1=t}
return "<table style='top:"+y0+";left:"+x0+";position:absolute'><td bgcolor="+color+" width="+(x1-x0)+" height="+(y1-y0)+"></td></table>";
}
function drawPie(x0,y0,radius,startAngle,endAngle,color)
{
var rs = drawArc(x0,y0,radius,startAngle,endAngle,color)
startAngle = startAngle/360*Math.PI*2;
endAngle = endAngle/360*Math.PI*2;
var startx=Math.sin(startAngle)*radius+x0;
var endx=Math.sin(endAngle)*radius+x0;
var starty=Math.cos(startAngle)*radius+y0;
var endy=Math.cos(endAngle)*radius+y0;
rs += drawLine(x0,y0,startx,starty,color)
rs += drawLine(x0,y0,endx,endy,color)
return rs;
}
function drawArc(x0,y0,radius,startAngle,endAngle,color)
{
rs = new Array();
tmpar = new Array();
startAngle = startAngle/360*Math.PI*2;
endAngle = endAngle/360*Math.PI*2;
for (var i=startAngle;i<endAngle;i+=(1/radius))
{
var dx = Math.sin(i)*radius+x0;
var dy = Math.cos(i)*radius+y0;
rs[rs.length] = "<table style='top:"+dy+";left:"+dx+";position:absolute'><td bgcolor="+color+" height=3></td></table>";
}
return (rs.join(""));
}
function drawCurve()
{
var rs = new Array();
for (var i=0;i<2*Math.PI;i+=.02)
{
var x = 300-Math.sin(i)*100
var y = 300-Math.cos(i)*100
rs[rs.length] = "<table style='top:"+x+";left:"+(i*100+90)+";position:absolute'><td bgcolor=blue height=3></td></table>";
rs[rs.length] = "<table style='top:"+y+";left:"+(i*100+90)+";position:absolute'><td bgcolor=violet height=3></td></table>";
}
return rs.join("");
}
//-->
</SCRIPT>
</body>
</html>
nevana
2003-10-17
打赏
举报
回复
呵呵,用javascript似乎是很困难了,不过你可以插入一个applet,那就简单多了
一个panel就搞定,你可以调用你熟悉的drawline(0,0,50,50)函数了,你说呢:)
ThinkPHP5生成二维码及背景图片合成
二维码是我们在开发网站和项目的时候经常遇到的,我第一次接触二维码时,翻过许多资料,也
请教
许多所谓高人,被整的还是一头雾水,于是自己下决心一定搞明白二维码到底怎么回事,在经历许多坑,花费许多时间和精力后...
中点
画线
中的一些不严谨的地方
我认为对于初学者,特别是自学的人,因为没有老师可以
请教
,所以任何一点不严谨的地方都会让人困惑很久,我个人认为计算机图学中关于中点
画线
有如下的不严谨的地方: 1、假设直线的一般方程AX+BY+C = 0,那么A=-...
误码率matlab怎么计算,关于误码率的
问题
急!!!!!
该楼层疑似违规已被系统折叠隐藏此楼查看此楼求助各位大佬...现在
问题
是计算出的误码率过高无法拟合,
请教
各位大佬应该怎么修改。明天就要交论文了 曲线一直拟合不上好急%%---baseband signal parameters---%%D_R...
origin画已知函数曲线_20+实用origin技能,带你用技巧画出完美曲线!
Answer:ORIGIN 中,在
分
析菜单(或统计菜单)中有插值命令,打开...Answer:选中左侧竖工具条中的 draw tool(显示是几个点,第七个工具),移动到你要标注的位置双击,就产生了一个点,依次标注完方块。再标注三角的...
js 获取鼠标在画布的位置_关于canvas中获取鼠标坐标的
问题
我想做一个鼠标
画线
的效果 就是类似window自带的画图板那个
画线
的功能。这个需要获取鼠标的坐标值,但是我总感觉坐标获取得不准确,每次我在画布上画出线条的时候,线条总是在光标明显靠下的位置画出来的,而不是从...
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章