开源Javascript图形库[转]
原:http://www.cnblogs.com/webgis8/articles/1516639.html
几个开源Javascript图形库
因为Google Map项目的需要,最近一直在寻求相关的Javascript图形库,在尝试用Google Map
API提供的javascript接口绘图时发现其效果和效率都不太理想,同时也用过jsgraphics库,也不是很好.又在网上找到了下面几个.
mxGraph
mxGraph是一款基于web的绘制流程图
的javascript库工具,虽然目前还尚未提供注册,不过好在mxGraph已经放出了demo,可以先去尝鲜一下,虽然还有很多功能不是那么的完善。
更多mxGraph信息
JavaScript图像处理 ImageFX
该 JavaScript 库为图片添加效果,如虚化,锐化,浮雕,加亮等。ImageFX
使用画布对象实现这些效果,兼容所有主流浏览器。这个库非常容易使用,只要将 .js 库文件插入网页,调用那些函数即可。
更多ImageFX信息
JSXGraph
(强烈推荐这个,非常不错,这个库非常完善)
JSXGraph 是一个支持各种浏览器的交互式几何图库绘制。JSXGraph 使用 SVG 和 VML.
http://jsxgraph.uni-bayreuth.de/wiki/index.php/Main_Page
这是其帮助文档Wiki
更多JSXGraph信息
JavaScript图像处理 Pixastic
Pixastic 使用 HTML5
画布对象,允许对原始像素进行操作。效果包括去饱和度,灰度级,反转,亮度,对比度调整,色调,饱和度调整,以及浮雕,虚化等效果。因为用到了 HTML 5
的画布对象,因此还无法兼容所有浏览器。
更多Pixastic信息
BINViz
BINViz(Bidirectional Interactive Network Visualization) is a
JavaScript library for network and graph visualization. The goal of this tool is
to provide a better way to visualize complex graphical models and the underlying
data in a web-based environment ...
更多BINViz信息
另外,又在网上找到了这么一段,
如果我们想用javascript画图,当前可以通过什么途径实现呢?首先咱们先说好,jfreechart那种后台生成图片发送到前台的方法就不要包括进来了,我们就排列一下html+js进行画图的方式。
1.使用浏览器支持的图形引擎,比如ie下的vml
,firefox
,opera,safari支持的svg或者canvas。
2.http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
,这是一个相当纯正的js图形库,它特立独行的地方就是:“完全使用div来画图。”
3.http://excanvas.sourceforge.net/
,google提供的工具库,可以在ie下使用vml
模拟
相关文档:
ugmbbc发布于 2009-11-14 09:41:43| 7628 次阅读 字体:大 小 打印预览
var ReTitle = '回复:Google 排名中的 10 个最著名的 JavaScript 库';
感谢COMSHARP CMS的投递
新闻来源:tripwiremagazine.com
JavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟 ......
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高 ......
JS自带函数
concat
将两个或多个字符的文本组合起来,返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf("l");
//index1 ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或 document.formName.elements["elementName"];Firefox下,只能使用 document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......
一、 在自定义css样式中输入 </style> 将css代码段结束;
二、 在 </style> 后面输入 <script type="text/javascript" language="javascript">js代码</script>;
三、 保存配置就可以有你输入的js特效啦。
由于本人对js不是很熟悉,这里就不写例子了,希望 ......