用Javascript绘制形状

用Javascript绘制形状,javascript,jquery,jquery-plugins,mootools,raphael,Javascript,Jquery,Jquery Plugins,Mootools,Raphael,除了html5元素画布之外,还有什么好的替代方案可以使用javascript绘制六边形形状,它可以跨浏览器工作(包括可怕的IE6) 我一直在使用jQuery和jQuery maphighlight来实现这一点,但它没有给我足够的可能性在第一次渲染之后操纵形状和颜色 我是否缺少jQuery maphighlight中的一些功能,或者jQuery或mootools是否有其他插件可以为我提供这种绘制功能?我一直喜欢javascript的ProSession端口。你会发现画东西很好。也许你可以检查一下。

除了html5元素画布之外,还有什么好的替代方案可以使用javascript绘制六边形形状,它可以跨浏览器工作(包括可怕的IE6)

我一直在使用jQuery和jQuery maphighlight来实现这一点,但它没有给我足够的可能性在第一次渲染之后操纵形状和颜色


我是否缺少jQuery maphighlight中的一些功能,或者jQuery或mootools是否有其他插件可以为我提供这种绘制功能?

我一直喜欢javascript的ProSession端口。你会发现画东西很好。也许你可以检查一下。它不是jquery的插件,但功能非常强大

但它确实使用了HTML5画布元素:(

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



我发现的另一个使用div进行绘制的API是,如果你想绘制有限的内容,可以使用它。但要小心,当绘制量增加时,HTML的结构会变得有点沉重

还有著名的画布绘制师

试试看

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


您应该看看RaphaelJS。它是一个JavaScript、围绕Canvas、SVG和VML(IE6中使用的SVG之前的一种纯IE矢量标记语言)的跨浏览器包装库。使用RaphaelJS,您可以使用JS生成非常广泛的矢量图形,而JS与非常广泛的浏览器兼容


RaphaelJS与jQuery也非常兼容,并且遵循许多与jQuery中相同的调用链。这两种方法是很好的一对。

您可以使用Internet Explorer中的SVG实现。您将获得基于标准的API(DOM级别2/3)和标记符号(SVG1.2)

以下是两个示例:


  • 这是一个很棒的库。我曾多次使用它来创建简单的基于javascript的图形、图表和图表。它很简单,并没有为您提供来自Canvas、SVG和/或VML的全套功能…但它做得足够多,在大多数情况下都很有用。这太棒了,它确实解决了我的问题:D