jQuery绘图插件jCanvas 绘制窗口的技巧分享

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

　　{www.zzzyk.com

　　public void windowClosing(WindowEvent e)

　　{

　　System.exit(0);

　　}

　　}

补充：web前端 , JavaScript ,

上一个：JavaScript框架：jQuery选择器精通教程
下一个：js中replace的用法-正则替换