论坛首页 Web前端技术论坛

原来javascript可以画图阿 :)

浏览 41183 次
该帖已经被评为精华帖
作者 正文
   发表时间:2004-09-06  
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
   发表时间:2004-09-06  
VML
0 请登录后投票
   发表时间:2004-09-06  
去看看bindow吧
0 请登录后投票
   发表时间:2004-09-06  
bindows 不是收费的么?
此外,它提供绘图函数么?
0 请登录后投票
   发表时间:2004-09-06  
to andiyang:
看也不看一眼就说是 VML 做的,你也真够牛的。
与 VML 一点关系都没有,否则怎么跨浏览器?这个库可是同时支持 IE、Mozilla 和 Opera 的。
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
引用
Cross Browser Functionality? 
Linux:
Browsers with Gecko-Engine (Mozilla, Netscape 6+, Galeon), Konqueror 3.0.3 (quite slow), Netscape 4, Opera 5 and 6.

Windows:
Gecko-Browsers, IE 4, 5 and 6, Netscape 4, Opera 5, 6 and 7.

The functionality "Draw into html elements even after the page has fully loaded" isn't available for Opera prior to version 7 and Netscape 4, whereas "Draw into the document while the page is parsed" is cross-browser capable. 
0 请登录后投票
   发表时间:2004-09-06  
用Mozilla的DOM Inspector看了一下。
这图实际上是DIV标签做出来的。

通过设定DIV的background-color, 以及position来拼成一个向量图。

斜线有些毛草,甚至可以扩展扩展,做一个带去毛边功能的斜线。
0 请登录后投票
   发表时间:2004-09-07  
chenggn 写道
用Mozilla的DOM Inspector看了一下。
这图实际上是DIV标签做出来的。

通过设定DIV的background-color, 以及position来拼成一个向量图。

斜线有些毛草,甚至可以扩展扩展,做一个带去毛边功能的斜线。

这样做不是用 JS 画图的正解,有些重新发明轮子的意思。而且全部用 DIV 做太耗费资源(一条斜线需要多少个 DIV,难道是一个点一个 DIV?)。还有一些诸如防锯齿的复杂算法实现起来也是满头疼的。

真的想用 JS 来画图,可以把 VML 或者 SVG 封装起来,开发一个易用的图形库。我更看好 SVG,因为 M$ 对 VML 的态度不是很明确,很难说他们将来还会支持 VML。而且 VML 完全是 M$ 的东西,无法跨平台。SVG 的好处是可以用 JS 来动态配置。那位说了 Flash 也可以用脚本来动态配置啊。别急,SVG 还有一个优点是它是纯文本的,因此其中的文本内容可以被全文检索到。就是说 SVG 图片中的文字是真正的文字,而不是 JPEG 图片中的象素。而 Flash 是二进制的,就没有这个优点了。当然如果你把 svg 压缩为 svgz 检索起来有些麻烦了,不过也不会很麻烦。
0 请登录后投票
   发表时间:2004-09-07  
一条斜线需要多少个div,难道是一个点一个 DIV?。

上面的中Performance一节简单说了一下,并有一个图示,会使用尽量少的div。
简单应用性能问题不大。

js绘制div目前作为一个过渡的方法,可以被js控制,而且不需要插件,多多少少有一点好处。
我们都很期待下一代的browser技术。

以前没注意bindows有trail下载。 :)
0 请登录后投票
   发表时间:2004-09-07  
这个东东不是已经讨论过的么??

http://forum.iteye.com/viewtopic.php?t=6357
0 请登录后投票
   发表时间:2004-09-07  
Readonly 写道
这个东东不是已经讨论过的么??

确实,以前讨论过。不过这个库画的图太简单(难看),比 JFreeChart 或者  jCharts 好不了多少。我们自己用 VML 画的饼图和柱状图比这个好看多了。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics