Javascript绘图库?

IT技术 javascript graphics
2021-03-05 19:39:43

对 JavaScript 交互式绘图库有什么建议吗?只需要绘制不同颜色的线条、多边形、文本。IE/Firefox/Opera/Safari 兼容。

6个回答

Raphael对此非常酷,并且可以跨浏览器工作,因为它使用 VML(用于 MSIE)和 SVG(用于其他一切)。

该死的,你打败了我;)
2021-05-09 19:39:43
谢谢,这看起来超级棒。将使用拉斐尔。
2021-05-18 19:39:43

John Resig 的Processing.js是一个很好的框架。

看起来现在支持 IE (IE9)
2021-04-22 19:39:43
processing.js 与静态图形的 raphael 相比如何?
2021-05-03 19:39:43
遗憾的是,处理不支持 IE。有点可惜,虽然看起来很棒。
2021-05-17 19:39:43

您可以直接使用画布对象在 2D 中进行绘制。IE 需要 excanvas 库。

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

看起来 Raphael 可以做的不仅仅是简单的盒子和线条.. raphaeljs.com
2021-05-04 19:39:43
Canvas 不仅可以处理一些琐碎的盒子或线条,还可以用来处理任何事情。并且 excanvas 运行得非常好,至少在 IE 7 上是这样。
2021-05-20 19:39:43

试试http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm这是我发现的最好的(不求助于 SVG)并且可以在大多数浏览器中运行而无需加载项。

是的……您当然不会以这种方式构建 CAD 系统,但是如果您坚持使用正交结构和图像(线、矩形等)并用图像为它们增添一点趣味,它可以绘制非常复杂的绘图。其他绘图实体是用多个 DIV 元素构建的。
2021-04-27 19:39:43
那些东西(通过排列 HTML 元素来绘制)不能很好地缩放,但它确实有效:)
2021-04-29 19:39:43
2021-05-05 19:39:43
walterzorn.com 似乎不再存在。:(
2021-05-15 19:39:43

使用 canvas 标签绘制文本是一个很大的痛苦。您的选择是使用绝对定位在正确位置的常规 div,或查找/编写字体布局引擎(示例),或等待实现可让您绘制文本的新标准。SVG 处理得更好。

在 IE 中,您可以使用ExplorerCanvas来模拟带有 IE 自己的 VML 标记的画布 API。但是,本机 VML 可以在路径上处理文本,这与 SVG 非常相似。我认为理论上如果你想要复杂的文本处理,你会想要像 Dan 提到的 Raphael 库那样的 SVG 和 VML。

在开始之前,您也可以考虑一下 Flash。

就像更新一样。文字现在已经不那么痛苦了(2011 年),去年已经相当不错了。iOS4.1+ 终于可以正确支持画布上的文本了,我知道 Android 2.1+ 也是如此。Firefox/Safari/Chrome 一直有很好的画布文本支持,IE9+ 也能正确处理画布中的文本。
2021-04-28 19:39:43
其实VML原生支持文字绘制,最新版本的ExplorerCanvas都有WHATWG推荐的文字绘制方法;) explorercanvas.blogspot.com
2021-05-06 19:39:43