开源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
模拟
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
努力了一天再加一天,就写个脚本还是不行。怎么办。
下面的代码有错的,执行不了。暂时还没有发现MyEclipse里面如何来单步调试,就像在vs2005里面可以按住F10来调试,看出自己的那个语句写错了,而在里只能够自己检查,查了多少遍了也还是没有能够发现有什么错的。代码摘录如下:
<script language="javaScript ......
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="re ......
alert(parseInt("101101", 2))
运行代码
function toBin(intNum) {
var answer = "";
if(/\d+/.test(intNum)) {
while(intNum != 0) {
answer = Math.abs(intNum%2)+answer;
intNum = parseInt(intNum/2);
}
......
JavaScript语法集锦是对javascript常用函数的一些小结,比较实用,建议收藏,方便查找需要的资料。
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象&n ......