社区
JavaScript
帖子详情
请教一关于画线问题,马上给分!!!
nic2008
2003-10-17 02:35:52
鼠标onclick并onmousemove画一直线,再点击结合画线!!
在线等 马上给分!!!!!!!!!!!!
...全文
53
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)函数了,你说呢:)
中点
画线
中的一些不严谨的地方
我认为对于初学者,特别是自学的人,因为没有老师可以
请教
,所以任何一点不严谨的地方都会让人困惑很久,我个人认为计算机图学中关于中点
画线
有如下的不严谨的地方: 1、假设直线的一般方程AX+BY+C = 0,那么A=-...
js 获取鼠标在画布的位置_关于canvas中获取鼠标坐标的
问题
我想做一个鼠标
画线
的效果 就是类似window自带的画图板那个
画线
的功能。这个需要获取鼠标的坐标值,但是我总感觉坐标获取得不准确,每次我在画布上画出线条的时候,线条总是在光标明显靠下的位置画出来的,而不是从...
误码率matlab怎么计算,关于误码率的
问题
急!!!!!
该楼层疑似违规已被系统折叠隐藏此楼查看此楼求助各位大佬...现在
问题
是计算出的误码率过高无法拟合,
请教
各位大佬应该怎么修改。明天就要交论文了 曲线一直拟合不上好急%%---baseband signal parameters---%%D_R...
origin画已知函数曲线_20+实用origin技能,带你用技巧画出完美曲线!
Answer:ORIGIN 中,在
分
析菜单(或统计菜单)中有插值命令,打开...Answer:选中左侧竖工具条中的 draw tool(显示是几个点,第七个工具),移动到你要标注的位置双击,就产生了一个点,依次标注完方块。再标注三角的...
canvas 在其他画好的上面继续画_详解canvas绘制多张图的排列顺序
问题
您好,
请教
您一个html5 canvas的
问题
: 我在canvas您好,
请教
一个html5 canvas的
问题
: 我在canvas中画了多个图形,有图像canvas可以实现 首先canvas要响应鼠标事件(onmousedown之类) 之后所有的图形必须要创建相应...
JavaScript
87,907
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章