- 浏览: 842342 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (530)
- Java编程 (64)
- C/C++/D (6)
- .Net/C# (9)
- Ruby (12)
- JavaScript (77)
- XML (1)
- JSON (1)
- Ajax (17)
- ExtJs (81)
- YUI (1)
- JQuery (7)
- DWR (1)
- HTML (7)
- CSS (7)
- Database (6)
- PowerDesigner (23)
- DB2 (2)
- Oracle (57)
- MS SQL Server (8)
- MySQL (6)
- JSP/Servlet/JSTL/TagLib (3)
- Spring (1)
- Hibernate (0)
- iText (0)
- Struts (0)
- Struts2 (0)
- iReport (0)
- FreeMarker (0)
- HttpClient (1)
- POI (6)
- FckEditor (15)
- Eclipse / MyEclipse (10)
- IntelliJ IDEA (0)
- NetBeans (0)
- Tomcat (11)
- WebLogic (1)
- Jboss (3)
- jetty (4)
- IIS (2)
- CVS/VSS (1)
- FTP (1)
- Windows/DOS (6)
- Linux/Unix (0)
- 软件建模 UML (0)
- Design Pattern & Thinking In Programming (10)
- 数据结构与算法 (12)
- 软件项目管理 (9)
- 行业应用解决方案 (3)
- 电脑软件与故障解决 (13)
- 编程语言 (1)
- 十万个为什么 (3)
- JBPM (2)
- sysbase (2)
- JDBC (8)
- Ant (2)
- Case-计算机辅助软件工程 (1)
- WebService (4)
- 浏览器 (1)
最新评论
-
gaoqiangjava:
同一楼,还请大手帮解决
JAVA读取word文件 -
hyl523:
// 判断数组中的第一个值是否未定义,如果未定义,便定义为空对 ...
javascript面向对象之二 命名空间 -
ping12132200:
ping12132200 写道我抱着个错不是因为:body标签 ...
extjs在IE报对象不支持此属性或方法 -
ping12132200:
我抱着个错不是因为:body标签内的第一个元素不能为文本tex ...
extjs在IE报对象不支持此属性或方法 -
fireinjava:
呀,不错,转走了,谢谢啦~
利用OpenOffice将word转换成PDF
JavaScript图形库Raphaël < JavaScript图形库jsGraphics > AWT、SWING与SWT、JFACE比较
此JavaScript图形库可在网页上动态绘制圆、椭圆、斜线、折线、多边形(包括三角形、矩形)。底层通过创建大量1px*1px的DIV实现,同时对于连续的像素进行了优化,尽量地减少所需的DIV,因此有较好的性能,当然和Java2D、GDI+、OpenGL、DirectX、Flash、SVG、VML及HTML Canvas是无法相比较的。网站:http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm 。使用LGPL协议发布。
1、效果:
2、优化原理:
支持的浏览器:
Linux: Browsers with Gecko-Engine (Mozilla, Netscape 6+, Galeon), Konqueror, Opera 5, 6 and 7+.
Windows: Gecko-Browsers, IE 4, 5 and 6, Opera 5, 6 and 7+.
Mac: Safari, Gecko-Browsers, Opera, partially IE.
使用方法:
1、下载,并在页面中引入脚本:<script type="text/javascript" src="wz_jsgraphics.js"></script>
2、创建一个Div作为画布:<div id="myCanvas" style="position:relative;height:250px;width:100%;"></div>
3、在JavaScript中创建对象:
- <script type="text/javascript">
- <!--方法一:
- var jg = new jsGraphics("myCanvas");
- //-->
- </script>
- <script type="text/javascript">
- <!--方法二:
- var cnv = document.getElementById("myCanvas");
- var jg = new jsGraphics(cnv);
- //-->
- </script>
4、例子:
- <script type="text/javascript">
- <!--
- function myDrawFunction()
- {
- jg_doc.setColor("#00ff00"); // green
- jg_doc.fillEllipse(100, 200, 100, 180); // co-ordinates related to the document
- jg_doc.setColor("maroon");
- jg_doc.drawPolyline(new Array(50, 10, 120), new Array(10, 50, 70));
- jg_doc.paint(); // draws, in this case, directly into the document
- jg.setColor("#ff0000"); // red
- jg.drawLine(10, 113, 220, 55); // co-ordinates related to "myCanvas"
- jg.setColor("#0000ff"); // blue
- jg.fillRect(110, 120, 30, 60);
- jg.paint();
- jg2.setColor("#0000ff"); // blue
- jg2.drawEllipse(10, 50, 30, 100);
- jg2.drawRect(400, 10, 100, 50);
- jg2.paint();
- }
- var jg_doc = new jsGraphics(); // draw directly into document
- var jg = new jsGraphics("myCanvas");
- var jg2 = new jsGraphics("anotherCanvas");
- myDrawFunction();
- //-->
- </script>
发表评论
-
javascript面向对象之一 类
2011-06-06 16:46 995javascript中的类多数是用 ... -
javascript面向对象之二 命名空间
2011-06-06 16:24 1227javascript中本没有命名空间的概念,但是要体现面向对象 ... -
网页特效代码
2011-06-01 16:38 10781. Flip! 一个 jQuery 插件 http://l ... -
js 操作select 大全
2010-11-04 13:49 7371判断select选项中 是否存在Value="pa ... -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
2010-11-03 13:05 1366http://www.iteye.com/topic/4800 ... -
IE6对display:table-row不支持
2010-11-02 19:34 1593http://topic.csdn.net/u/2010070 ... -
javascript中字符串转化为json对象
2010-07-30 09:11 1219http://www.json.org/js.html To ... -
IE6的base标签导致页面结构大混乱
2010-07-20 16:27 1069这是一个非常隐秘也是非常强大的bug,我真不知微软的IE开发人 ... -
汇总让IE6崩溃的几种方法
2010-07-20 16:25 1137经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字 ... -
JS添加事件处理函数
2010-07-08 23:41 1088作为一种事件驱动的编 ... -
js压缩工具
2010-07-04 23:50 1798javascriptcompressor.com ( ... -
Javascript 中 ShowModalDialog 的使用方法
2010-06-21 16:13 1424ShowModalDialog函数的功能 ... -
xtree的基本应用---入门级
2010-06-21 16:08 1229由于公司要求做一棵关于公司员工选择的JS控件树,以前我们一直使 ... -
javascript实现上传图片前的预览效果
2010-06-16 20:35 1395<script>function yulan(){ ... -
重写window.confirm函数
2010-06-12 11:06 2349重写window.confirm函数为了让它能够默认选择取消按 ... -
改善window的alert提示信息框样式
2010-06-12 11:05 1452<input type="button&quo ... -
jsgraphics图形库
2010-05-10 22:58 1625http://www.walterzorn.com/jsgra ... -
千一JS控件
2010-05-10 22:31 859千一JS控件--滑块条 千一JS控件--进度条 千一JS控 ... -
JavaScript 生成曲线图
2010-05-10 22:28 1251引用方法 new gov.Graphic(par1,par2 ... -
腾讯检测 IP 省市的接口
2010-05-10 22:26 1460利用 JavaScript 调用。 <script ...
相关推荐
JavaScript图形库 wz_jsgraphics 是一个强大的工具,专为在Web上创建动态和交互式的几何图形设计。这个库允许开发者利用JavaScript语言的灵活性和浏览器的原生支持,来绘制各种复杂的图形,包括直线、圆形和正方形等...
至于压缩包内的文件" wz_jsgraphics",这很可能是实现JavaScript图形绘制的一个库或者示例代码。它可能包含了用于创建各种图形的函数和方法,开发者可以参考和使用这些代码来快速实现自己的图形界面。 总结起来,...
而“wz_jsgraphics.js”则很可能就是这个图形库的源代码文件,包含了一系列用于图形绘制的方法和函数。 学习和使用“wz_jsgraphics”,你需要了解JavaScript基础,特别是DOM操作和Canvas API。同时,查看库的文档或...
`wz_jsgraphics`是一个轻量级的JavaScript库,它提供了一套API,使得开发者能够使用`div`元素来构建复杂的图形和动画。这种方法的优点在于兼容性好,因为`div`元素是HTML的基础部分,几乎所有的现代浏览器都能很好地...
JavaScript作为一种强大的客户端脚本语言,能够帮助我们实现在浏览器中绘制矢量图形,而wz_jsgraphics.js库就是这样一个专门用于JavaScript矢量绘图的工具。本文将深入探讨如何使用这个库以及其核心功能,旨在为...
`wz_jsgraphics`是一个轻量级的库,它提供了一种简单的方式来在JavaScript中绘制矢量图形,特别适合那些不支持或者需要兼容老版本浏览器的应用。这篇博客文章“通过wz_jsgraphics在js上画图”可能深入探讨了如何使用...
在HTML5中,Canvas元素的引入为JavaScript图形绘制打开了新的可能。Canvas提供了一个二维绘图表面,可以通过JavaScript API在其中绘制线条、形状、图像等。 描述中提到的“绘图函数库”通常是为了简化开发者的工作...
总的来说,WZ JSGraphics是一个JavaScript图形库,为开发者提供了一个强大且灵活的平台,让他们能够在浏览器中创建各种各样的图形和动画。通过学习和利用这个库,开发者可以提升网页的交互性和视觉吸引力,同时减少...
`wz_jsgraphics.js`是一个JavaScript库,专为在HTML5 canvas元素上进行图形绘制提供便捷的功能。这篇博客文章()详细介绍了如何使用这个库来在图片上绘制直线、圆和矩形,这在创建交互式图表、游戏或可视化应用时...
这涉及到对JavaScript图形库的使用,以及如何在网页上动态绘制图形的基本概念。 ### 标题:JavaScript曲线图 这一标题直接指出了文章的主题是关于使用JavaScript来创建曲线图。在现代Web开发中,动态生成图表是一...
`wz_jsgraphics.js`是一个JavaScript图形库,它允许我们在HTML5的canvas元素上绘制图形。这个库可以用来创建流程图中的各个节点和连接线,实现图形的动态渲染。我们可以通过调用它的函数来绘制矩形、圆形、箭头等...
wz_jsgraphics是一个专门用于在浏览器环境中进行图形绘制的JavaScript库。它提供了一系列的API,允许开发者创建复杂的2D图形,包括但不限于线条、形状、图像和文本。这个库特别适合那些希望在网页上展示数据可视化或...
在提供的文件名中,`draw.html`可能是展示时钟的HTML页面,而`wz_jsgraphics.js`可能包含了JavaScript图形库,用于增强时钟的视觉效果,比如绘制指针或者动画效果。JavaScript图形库如Canvas或SVG可以用来创建动态的...
在本项目中,可能使用了SVG库,如`wz_jsgraphics.js`,来绘制流程图的各种形状。 2. **jQuery库**: `jquery-1.3.js`表明项目中使用了jQuery,这是一个流行的JavaScript库,简化了DOM操作、事件处理和Ajax交互。...
这个文件名可能是某个特定的JavaScript图形库或示例代码,但由于具体代码内容未给出,无法详细解释其功能和用法。通常,这类库或脚本会包含绘制图形所需的方法和数据结构,开发者需要将其引入项目中,并按照文档或...