javascript - 用 Javascript 绘制形状

Question

html5元素画布是否有任何好的替代品来使用javascript绘制六边形等形状，跨浏览器（包括可怕的IE6）？

为此，我一直在使用 jQuery 和 jQuery maphighlight，但它并没有给我足够的可能性来在第一次渲染后操纵形状和颜色。

我是否缺少 jQuery maphighlight 中的某些功能，或者是否有任何其他 jQuery 或 mootools 插件可以为我提供这种绘画功能？

score 25 · Accepted Answer

你应该看看 RaphaelJS。它是一个围绕 Canvas、SVG 和 VML（一种早于 SVG，在 IE6 中使用的仅限 IE 的矢量标记语言）的 JavaScript、跨浏览器包装库。使用 RaphaelJS，您可以使用与非常广泛的浏览器兼容的 JS 生成非常广泛的矢量图形。

RaphaelJS 也与 jQuery 非常兼容，并遵循您在 jQuery 中看到的许多相同的调用链。两者是很棒的一对。

score 2 · Accepted Answer

2

还有著名的油画家。

于 2009-06-04T08:50:04.380 回答

score 2 · Accepted Answer

Raphaël 目前支持 Firefox 3.0+、Safari 3.0+、Opera 9.5+、Chrome 2.0+ 和 Internet Explorer 6.0+。

score 1 · Accepted Answer

我总是喜欢 javascript 的 prossessing 端口。你可以发现在这里画东西非常好。也许你可以检查一下。它不是 jquery 的插件，但它非常强大。

它确实使用了 HTML5 Canvas 元素:(

几个版本前它只在新的浏览器中工作。我不知道它是否已经移植到以前的那些。

我发现的另一种使用 div 进行绘图的 API 是这个。如果你想绘制有限的东西，可以使用它。但要小心，因为当绘制数量增加时，HTML 的结构会变得有点沉重

score 1 · Accepted Answer

您可以使用在 Internet Explorer 中也可以使用的Ample SDK中的 SVG 实现。您将获得基于标准的 API（DOM 级别 2/3）和标记符号（SVG1.2 Tiny）。

这是一对示例：

5 回答 5