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);
}
}