开源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
模拟
相关文档:
JavaScript ==> PHP:
方法一: 先用PHP生成js代码,然后通过浏览器的自动刷新,将javascript变量传递到PHP脚本中。
注意:在实际应用中要防止用户在地址栏内更改传递的变量值。
<?php
if($qq) echo $qq.'<br>';
else echo "<scrip ......
努力了一天再加一天,就写个脚本还是不行。怎么办。
下面的代码有错的,执行不了。暂时还没有发现MyEclipse里面如何来单步调试,就像在vs2005里面可以按住F10来调试,看出自己的那个语句写错了,而在里只能够自己检查,查了多少遍了也还是没有能够发现有什么错的。代码摘录如下:
<script language="javaScript ......
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高 ......
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 ......
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下,可 ......