> web前端 > JavaScript > 正文 jQuery绘图插件jCanvas 绘制窗口的技巧分享 2012-08-02               我要投稿

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

　　}

　　}

作者：tbwshc 点击复制链接 与好友分享!回本站首页 上一篇：js中replace的用法-正则替换 下一篇：JavaScript框架：jQuery选择器精通教程 相关文章

jquery 等比例缩放图片插件

jquery.messager.js插件导致页面抖动

jQuery简单滚动插件 --- 自己动手

jQuery 插件autocomplete 应用 　

2011年度最佳 jQuery 插件

实践与提高：编写jQuery插件

jquery插件开发要点

Lazy Load(1.7.0)中文文档 -- 延迟

推荐好用的Jquery模板插件Jtemplate

jQuery cookie插件详细用法

图文推荐