2009-06-04 60 views
11

是否有任何替代HTML5元素的畫布可以使用JavaScript來繪製像六邊形一樣的形狀,該工具可用於跨瀏覽器(包括可怕的IE6)?在Javascript中繪畫形狀

我一直在使用jQuery和jQuery maphighlight,但它並沒有給我足夠的可能性來處理第一次呈現後的形狀和顏色。

我是否缺少jQuery maphighlight中的某些功能,或者是否有任何其他jQuery或mootools插件,可以爲我提供此繪畫功能?

回答

25

你應該看看RaphaelJS。它是一個圍繞Canvas,SVG和VML(僅用於IE6的SVG之前的IE-only矢量標記語言)的JavaScript,跨瀏覽器的包裝庫。使用RaphaelJS,您可以使用JS與廣泛的瀏覽器兼容,生成各種各樣的矢量圖形。

http://raphaeljs.com/

RaphaelJS也與jQuery非常兼容,並遵循很多相同的呼叫鏈接,你在jQuery中看到的。這兩個成爲一對。

1

我總是喜歡那種對javascript有利的端口。你可以找到here這是很好的畫東西。也許你可以檢查它。它不是jquery的插件,但它非常強大。

它確實使用HTML5 Canvas元素雖然:(

了幾個版本前,它只是在新的瀏覽器的工作。我不知道,如果它已經被移植到了以前的。


我發現的一個其他API使用div進行繪製,如果你想繪製有限的東西,可以使用它,但要小心,當繪圖量增加時,HTML的版本會得到一個位重

2

還有着名的畫布畫家。

http://caimansys.com/painter/

+0

但它工作在IE6? – elzapp 2009-06-04 08:54:09

+0

是的,它確實是先生! – 2009-06-04 09:45:03

2

嘗試Raphael

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

+0

這看起來很有希望 – elzapp 2009-06-04 08:57:01

1

您也可以使用在Internet Explorer中工作的Ample SDK中的SVG實現。您將獲得基於標準的API(DOM Level 2/3)和標記符號(SVG1.2 Tiny)。

這裏是一對的例子:

  1. SVG Tiger
  2. SVG+SMIL/DOM