Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库，除了兼容CSS3外，还兼容各种浏览器+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
HTML5 中新定义的 HTML 元素，可以用来在 HTML 页面中通过 JavaScriptb 绘制图形、制作动画。现在要推荐的 jCanvas 就是一个 jQuery 的绘图插件，它封装了一些绘制图形的方法，只需编写几行代码即可生成图形。
以下是JCanvas 绘制窗口并对其监听的程序代码分享
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
class JCanvas extends JComponent
{
public JCanvas()
{
setDoubleBuffered(true);
}
public void paintComponent(Graphics g)
{
Dimension size = getSize();
g.setColor(getBackground());
g.fillRect(0,0,size.width,size.height);
}
}
class TestJCanvas
{
public static void main(String s[] )
{
MyWindowListener l = new MyWindowListener();
JCanvas c = new JCanvas();
c.setBackground(Color.yellow);
JFrame f = new JFrame("Test JCanvas...");
f.addWindowListener(l);
f.getContentPane().add(c,BorderLayout.CENTER);
f.pack();
f.setSize(500,400);
f.show();
}
}
class MyWindowListener extends WindowAdapter
{
public void windowClosing(WindowEvent e)
{
System.exit(0);
}
}