Applet 实现一个简单的web流程图或拓扑图绘制功能

最新推荐文章于 2023-06-22 16:14:26 发布
最新推荐文章于 2023-06-22 16:14:26 发布
阅读量1k 收藏
点赞数
分类专栏： Applet 文章标签： applet web vector null image string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/diguangming2009/article/details/7638413
版权
这是一个基于Applet的Java应用程序，用于在Web页面上实现简单的流程图或拓扑图绘制功能。用户可以通过选择不同形状的节点，并通过鼠标操作连接这些节点来创建图形。代码中包含了各种图形元素的加载、拖动、删除以及线条绘制的逻辑。此外，还支持动态调整图形大小和删除节点。
摘要由CSDN通过智能技术生成

1.先贴代码：

package common;

import java.applet.Applet;
import java.awt.Canvas;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.MediaTracker;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.util.Vector;

import javax.swing.JPanel;


public class AppletRule extends Applet {
 int count=13;
 Vector v=new Vector();
 Image[] img=new Image[count];
 int myWidth=0,myHeight=0;
 int widthcount=0;
 boolean[] b=new boolean[count];
 int[] width=new int[count],height=new int[count],w=new int[count],h=new int[count],wid=new int[count],hei=new int[count],ww=new int[count],hh=new int[count];
 int startX=0,startY=0,endX=0,endY=0;
 Canvas startObj=null,endObj=null;
 String drawclear="";
 int clickX=0,clickY=0,moveX=0,moveY=0;
 canvas[] can=null;
 myCanvas[] mycan=new myCanvas[count];
 Canvas curcan=null;
 Canvas curdelcan=null;
 Image curimg=null;
 JPanel jp=new JPanel(null);
 myCanvas drawLine=new myCanvas("drawLine");
 MediaTracker mt=new MediaTracker(this);
    int wt =800;
    int ht =300;
 public void init() {
 // 加载图片，图片地址可以换自己本地的。
 img[0]=this.getImage(this.getCodeBase(),"bpmn2/large/start_empty.png");
 img[1]=this.getImage(this.getCodeBase(),"bpmn2/large/end_empty.png");
 img[2]=this.getImage(this.getCodeBase(),"bpmn2/large/end_error.png");
 img[3]=this.getImage(this.getCodeBase(),"bpmn2/large/end_terminate.png");
 img[4]=this.getImage(this.getCodeBase(),"bpmn2/large/end_cancel.png");
 img[5]=this.getImage(this.getCodeBase(),"bpmn2/large/gateway_complex.png");
 img[6]=this.getImage(this.getCodeBase(),"bpmn2/large/gateway_exclusive.png");
 img[7]=this.getImage(this.getCodeBase(),"bpmn2/large/gateway_parallel.png");
 img[8]=this.getImage(this.getCodeBase(),"bpmn2/large/intermediate_empty.png");
 img[9]=this.getImage(this.getCodeBase(),"bpmn2/large/intermediate_error.png");
 img[10]=this.getImage(this.getCodeBase(),"bpmn2/large/intermediate_message.png");
 img[11]=this.getImage(this.getCodeBase(),"bpmn2/large/intermediate_signal.png");
 img[12]=this.getImage(this.getCodeBase(),"bpmn2/large/intermediate_timer.png");
 //img[13]=this.getImage(this.getCodeBase(),"bpmn2/large/start_empty.png");
 String wtStr = this.getParameter("wt");
 String htStr = this.getParameter("ht");
 if(!"".equals(wtStr) &&!"null".equals(wtStr) && wtStr != null)
  wt = Integer.parseInt(wtStr);
 if(!"".equals(htStr) &&!"null".equals(htStr)&& wtStr != null)
  ht = Integer.parseInt(htStr);
 this.resize(wt,ht);
 this.setLayout(null);
 for(int i=0;i<img.length;i++)
   mt.addImage(img[i], 0);
 try {
   mt.waitForAll();
 } catch(Exception ex) {
  System.err.println(ex.toString());
 }
 this.add(jp);
 jp.setBounds(0,0,800,80);
 jp.add(this.drawLine);
 jp.setBackground(new Color(230,230,130)); //设置DrawLine背景
 drawLine.setBounds(5,15,90,30);
 drawLine.addMouseListener(new MouseAdapter() {
   public void mousePressed(MouseEvent e) {
     clickdrawLine(e);
   }
 });
 for(int i=0;i<img.length;i++) {
   mycan[i]=new myCanvas(img[i]);
   width[i]=img[i].getWidth(this);
   height[i]=img[i].getHeight(this);
   jp.add(mycan[i]);
   mycan[i].setBounds(100+5*(i+1)+widthcount,5,img[i].getWidth(this),img[i].getHeight(this));
   widthcount+=img[i].getWidth(this);
 }
 this.addMouseListener(new MouseAdapter() {
   public void mouseClicked(MouseEvent e) {
     clickhere(e);
   }
 });
  }

 public void clickhere(MouseEvent e) {
  if(this.curcan==null)return;
  if(e.getModifiers()==MouseEvent.BUTTON3_MASK) {
    Canvas ca=new canvas(curimg);
    this.add(ca);
    ca.setBounds(e.getX(),e.getY(),curimg.getWidth(this),curimg.getHeight(this));
    this.validate();
  }
 }

 public void clickdrawLine(MouseEvent e) {
  if(drawLine.getBackground().equals(new Color(230,230,255))) {
    drawLine.setBackground(new Color(230,230,230));
    startObj=null;
    endObj=null;
    drawclear="";
  } else {
    drawLine.setBackground(new Color(230,230,255));
    drawclear="draw";
  }
 }

 public void paint(Graphics g) {
  for(int i=0;i<v.size();i++) {
    Vector v1=(Vector)v.elementAt(i);
    startX = ((int[])v1.elementAt(1))[0] + ((int[])v1.elementAt(1))[2] / 2;
    startY = ((int[])v1.elementAt(1))[1] + ((int[])v1.elementAt(1))[3] / 2;
    endX = ((int[])v1.elementAt(1))[4] + ((int[])v1.elementAt(1))[6] / 2;
    endY = ((int[])v1.elementAt(1))[5] + ((int[])v1.elementAt(1))[7] / 2;
    g.drawLine(startX, startY, endX, endY);
    drawArrowhead(g,((Canvas[])v1.elementAt(0))[0],((Canvas[])v1.elementAt(0))[1]);
  }
 }

 public void drawArrowhead(Graphics g,Canvas startObj,Canvas endObj) {
  double xx=0,yy=0,xx1=0,yy1=0,xx2=0,yy2=0;
  myWidth=myHeight=(int)Math.pow((double)(Math.pow(endObj.getWidth(),2d)+Math.pow(endObj.getHeight(),2d)),1/2d)/2;
  xx=endX-(endX-startX)*myWidth/Math.pow((double)(endX-startX)*(endX-startX)+(double)(endY-startY)*(endY-startY),1/2d);
  yy=endY-(endY-startY)*myHeight/(Math.pow((double)(endX-startX)*(endX-startX)+(double)(endY-startY)*(endY-startY),1/2d));
  xx1=xx-20*Math.cos(Math.atan(((double)yy-startY)/((double)xx-startX))-radians(30));
  yy1=yy-20*Math.sin(Math.atan(((double)yy-startY)/((double)xx-startX))-radians(30));
  xx2=xx-20*Math.sin(radians(60)-Math.atan(((double)(yy-startY))/((double)(xx-startX))));
  yy2=yy-20*Math.cos(radians(60)-Math.atan(((double)(yy-startY))/((double)(xx-startX))));
  if(startObj.getX()+startObj.getWidth()/2>endObj.getX()+endObj.getWidth()/2) {
    xx1=xx+20*Math.cos(Math.atan(((double)yy-startY)/((double)xx-startX))-radians(30));
    yy1=yy+20*Math.sin(Math.atan(((double)yy-startY)/((double)xx-startX))-radians(30));
    xx2=xx+20*Math.sin(radians(60)-Math.atan(((double)(yy-startY))/((double)(xx-startX))));
    yy2=yy+20*Math.cos(radians(60)-Math.atan(((double)(yy-startY))/((double)(xx-startX))));
  }
  g.fillPolygon(new int[]{(int)xx2,(int)xx1,(int)xx},new int[]{(int)yy2,(int)yy1,(int)yy},3);
 }

 public double radians(int degrees) {
   return ((double)degrees)*Math.PI/180.0;
 }
//}
 //********************************************动态图标
 class canvas extends Canvas {
 Image im=null;
 public canvas(Image im) {
 super();
 this.setCursor(new Cursor(Cursor.MOVE_CURSOR));
 this.im=im;
 this.addMouseListener(new MouseAdapter() {
   public void mousePressed(MouseEvent e) {
     clickcanvas(e);
   }
 });
 this.addKeyListener(new KeyAdapter() {
   public void keyPressed(KeyEvent e) {
     if(e.getKeyCode()==KeyEvent.VK_DELETE)
       removecanvas(e);
   }
 });

 this.addMouseMotionListener(new MouseMotionAdapter() {
   public void mouseDragged(MouseEvent e) {
     movecanvas(e);
   }
 });
 }

   public void movecanvas(MouseEvent e) {
  Canvas mcan=(Canvas)e.getSource();
  int mtop=mcan.getY(),mleft=mcan.getX(),mwidth=mcan.getWidth(),mheight=mcan.getHeight();
  mcan.setBounds(mleft+e.getX()-clickX,mtop+e.getY()-clickY,mwidth,mheight);
  for(int i=0;i<v.size();i++) {
    Vector v1=(Vector)v.elementAt(i);
    if(((Canvas[])v1.elementAt(0))[0].equals(mcan)) {
      ((int[])v1.elementAt(1))[0]=mcan.getX();
      ((int[])v1.elementAt(1))[1]=mcan.getY();
      ((int[])v1.elementAt(1))[2]=mcan.getWidth();
      ((int[])v1.elementAt(1))[3]=mcan.getHeight();
    } else if(((Canvas[])v1.elementAt(0))[1].equals(mcan)) {
      ((int[])v1.elementAt(1))[4]=mcan.getX();
      ((int[])v1.elementAt(1))[5]=mcan.getY();
      ((int[])v1.elementAt(1))[6]=mcan.getWidth();
      ((int[])v1.elementAt(1))[7]=mcan.getHeight();
    }
  }
  ((AppletRule)this.getParent()).repaint();
 }

 public void removecanvas(KeyEvent e) {
  try {
    Canvas mcan=(Canvas)e.getSource();
    ((AppletRule)this.getParent()).remove(curdelcan);
    for(int i=v.size()-1;i>=0;i--) {
      Vector v1 = (Vector) v.elementAt(i);
      if(((Canvas[])v1.elementAt(0))[0].equals(mcan)||((Canvas[])v1.elementAt(0))[1].equals(mcan))
        v.removeElementAt(i);
    }
    ((AppletRule)this.getParent()).validate();
    ((AppletRule)this.getParent()).repaint();
  }catch(NullPointerException ex){return;}
 }

 
 public void clickcanvas(MouseEvent e) {
    curdelcan=(Canvas)e.getSource();
    clickX=e.getX();
    clickY=e.getY();
    ((AppletRule)this.getParent()).repaint();
    if(((AppletRule)this.getParent()).drawclear.equals(""))return;
    if(((AppletRule)this.getParent()).startObj==null&&(((AppletRule)this.getParent()).endObj==null))
      ((AppletRule)this.getParent()).startObj=(Canvas)e.getSource();
    else if(((AppletRule)this.getParent()).startObj!=null&&((AppletRule)this.getParent()).endObj==null
      &&((AppletRule)this.getParent()).startObj!=(Canvas)e.getSource()) {
      ((AppletRule)this.getParent()).endObj=(Canvas)e.getSource();
      Vector v1=new Vector();
      v1.addElement(new Canvas[]{startObj,endObj});
      v1.addElement(new int[]{startObj.getX(),startObj.getY(),startObj.getWidth(),startObj.getHeight(),endObj.getX
 
  (),endObj.getY(),endObj.getWidth(),endObj.getHeight()});
      v.addElement(v1);
      ((AppletRule)this.getParent()).drawclear="";
      ((AppletRule)this.getParent()).drawLine.setBackground(null);
      ((AppletRule)this.getParent()).startObj=null;
      ((AppletRule)this.getParent()).endObj=null;
    }
 }

 public void paint(Graphics g) {
   g.drawImage(im,0,0,this);
 }
}

//****************************************************图标工具栏
 class myCanvas extends Canvas {
 Image im=null;
 String str="";
 public myCanvas(String s) {
 super();
 this.str=s;
 }

 public myCanvas(Image im) {
  super();
  this.setCursor(new Cursor(Cursor.HAND_CURSOR));
  this.im=im;
  this.addMouseListener(new MouseAdapter() {
    public void mousePressed(MouseEvent e) {
      clickmyCanvas(e);
    }
  });
 }

   public void clickmyCanvas(MouseEvent e) {
   ((AppletRule)this.getParent().getParent()).drawLine.setBackground(null);
   ((AppletRule)this.getParent().getParent()).drawclear="";
   ((AppletRule)this.getParent().getParent()).startObj=null;
   ((AppletRule)this.getParent().getParent()).endObj=null;
   curcan=(Canvas)e.getSource();
   curimg=(Image)im;
 }

 public void paint(Graphics g) {
  if(str.equals(""))
    g.drawImage(im,0,0,this);
  else {
    g.drawString(str,20,getHeight()/2);
  }
 }
  }
}

2.   html代码，我打成了jar文件执行的。

<html>

    <title></title>
 <head></head>
 <body>
    <applet archive="AppletTest.jar" codeBase="." code="common.AppletRule.class" align="middle"
       name="AppletRule" width="800" height="400" hspace="0"></applet>

 <body>
</html>

3.插入效果图片我的淘宝店铺。；

写完了，我的淘宝店铺.

 

diguangming2009
关注
专栏目录
Web图形开发方案选型，SVG/VML/Flash/Applet优劣比较
oscar999的专栏
06-26 5000
Web图形开发方案选型，SVG/VML/Flash/Applet优劣比较 在Web 项目开发过程中,我们常常会使用到各类图形,如流程图，饼图，甘特图，散列图，趋势图等等。目前有很多种方法在网页上绘制图形， 但是要找到完美的web图形解决方案是比较难的，只能是根据自己的需要，选择自己最合适的画图方案。 Web 图表一般有以下几种做法： 1.使用客户端控件技术 2.使用服务器端生成图片
WEB 页面画拓扑图，流程图源码
06-21
可以在web页面展示拓扑图，此例展示的是网络连接拓扑图。
java APPlet 绘制图像
feipigwang
11-02 285
/* awt绘制界面的机制 repaint函数使 awt线程调用 update函数 update函数会调用paint函数来实现绘图 图片双缓冲技术 就是每次在绘制一张图片的时候 我们就在缓冲区 准备下一张要绘制的图片 这个就可以解决我们在上网的时候 由于图片过大 而导致 图片一点一点加载的问题 applet加载图片 是是先将图片加载到内存中 只有调用了 drawImage之后才会显示图...
applet的简单流程图绘制小工具
快乐天使
10-27 176
使用说明如下： 1.在主区域的上面有一个写有"drawLine"的线形图标和几个图象图标，将鼠标移到图象图标上，光标变为手形，点击一下，取得需要绘制的图标 ，然后移动到绘制区，右键鼠标就可以把选种的图标放置到相应位置； 2.当在主区域内放置的图标超过两个之后，点击工具栏上的drawLine线形图标，使之变色，然后分别点击主区域里的动态图标A和动态图标B，将会在A和B之间出现一条连线，根据顺...
Applet绘制图形程序
12-19
编写Applet程序，使用不同颜色绘制如下图形 1.直径为100像素点的圆 2.两个半周长为50像素点的100像素点的椭圆 3.长和宽都为150像素点的矩形 4.使用红色填充3中的矩形 5.大小由读者指定的填充圆弧
如何实现包含插件功能的Applet Web界面
狂奔 Lion
01-02 160
不知诸位有没有想过用Applet来组织Web的程序界面？小弟最近整理了一些杂碎的思路，思想完全开放，欢迎批评。 先说一下可能遇到的问题： 1 安全性：Applet对本地资源的操作需要相应的安全许可； 2 库资源的下载：如何下载及管理支持本地Applet的库资源； 3 通信：Applet如何与后台的Servlet进行通信； 4 图形的加载：如何利用Applet动态的实例化并展现界面。 下面一一展开讨...
基于Web的JGraphx自动绘制拓扑图的设计和实现.pdf
最新发布
01-02
本文介绍了基于Web的JGraphx自动绘制拓扑图的设计和实现，包括JGraphx的功能和特性、Applet技术的应用、WebService的使用等，通过这些技术的结合，实现了企业信息系统对网络拓扑图的绘制、告警、监控需求。...
基于Java Applet绘制拓扑图总结
Kevin's Share
06-30 6484
文章背景：使用Java Applet技术开发小应用程序，并最终将其部署到网页上，使其能够实现从数据库中读取节点、链路数据，并根据数据绘制拓扑图的功能。绘制图像的过程应用jgraph开源软件实现。 技术要点：1、在页面上部署Java Applet应用程序，并调用jgraph.jar包
关于项目中用到jgraph和applet的一点总结（1）
03-19
4. `Applet`与`jGraph`结合：展示如何在一个`Applet`中使用`jGraph`，创建一个交互式的图形界面，可能是用户可以编辑的图表或图形。 5. 安全性和现代Web趋势：讨论`Applet`的安全问题，以及为什么现代Web开发不再...
利用8088_8086汇编语言进行图形操作
# 1. 8088/8086汇编语言简介 ## 1.1 8088/8086汇编语言的历史和起源 汇编语言是一种低级别的...通过使用8088/8086汇编语言，程序员可以直接控制计算机硬件的功能，实现更高效的程序设计和性能优化。 ## 1.2 8088/8086
用Java applet制作一个简单的音乐播放器
12-03
用Java applet制作一个简单的音乐播放器，可以实现基本的开始，重置，暂停功能
一个Java Applet的动态显示图片的小程序
06-29
简单的一个Java Applet的动态显示图片的小程序。将资源内的图片放置到E盘根目录下。如果想换图片，记得修改width和heigh的初始值，值为图片的宽和高。如果你对动画有兴趣，可以试着稍微修改一下本程序（程序里有相关的提示），添加几张连续的图片，就可以实现了。我的另一个同名的资源，是我上传错的，功能都有，但差了点代码。建议下载这个。
java小程序Applet显示图片
06-08
本程序主要采用java语言编写，实现简单的图片显示
java 学习　图形界面程序设计　第二课　绘制简单图形
王小明的专栏
05-01 1080
图形界面程序设计
JAVA界面设计——Applet和JFrame图片加载篇
fulaimanfeixia的专栏
04-12 326
    JFrame还好做（参考别人来献丑了），Applet虽然简单，但是还是费了很长时间，尤其是上网找解决方法。对我这菜鸟来说，真的费精力( ⊙ o ⊙ )啊！还是来代码最直接，呵呵！    (1) 用Applet做的代码如下：    package ang; import java.applet.Applet; import java.awt.*; public class Imag...
antv-g6—在vue项目中实现网格拓扑流程图自定义绘制
前端探险家的博客
06-22 5949
这个是自己写着玩的，利用@antv/g6自定义绘制流程图，然后保存到localstorage中，在左侧表格展示，还可以通过表格操作来查看对应的流程图以及删除；这里特别注意一下，，vue版本是2.5.x；下面我会把实现代码全部粘贴出来，不需要需改，开袋即食，放到你的项目中直接可以展示；代码中我也会加上注释，不懂的可以看注释；
基于java-applet的简单流程图绘制小工具的制作
beyond_xiruo的专栏
01-11 4263
基于java-applet的简单流程图绘制小工具的制作  作为IT行业中的一员，相信很多人都接触过流程图。在一个软件的开发过程中，无论是前期的需求分析、系统设计，还是后面具体的程序设计都涉及到流程图的绘制，跟单调的文字说明相比，它以更直观的方式把整个系统呈现在用户面前。通常，我们都是使用软件开发商已经开发出来的流程图制作软件来绘制流程图，不知各位有没有自己制作过流程图绘制工具呢？这里说说基
Web流程图绘制使用raphael
热门推荐
Evankaka的专栏
09-14 2万+
本文要实现一个流程图的绘制，最终的目标是实现流程图的自动绘制，并可进行操作，直接点击流程图上对应的方框就可以让后台跑相应的程序。
JGraphx与Applet技术实现Web网络拓扑自动绘制
本文主要探讨了如何利用JGraphx（一个开源的Java图形组件）在Web环境下实现自动绘制网络和机房拓扑图的方法。JGraphx具备高度的交互性和自动化特性，适合用于展现各种图形结构，如流程图、UML模型、交通线路以及网络...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值