什麼是在HTML頁面上繪製/繪製矢量圖形的最佳方法？

Question

我正在嘗試一些使用線條和文本的動態網頁背景生成。

看看我的演示http://74er.net/labs/lines.html（只關注黃線）。

這是一種蹩腳的低效率方法，通過基於橢圓公式從字面上創建具有1 X 1大小和帶有X，Y位置的黃色背景的<span>元素。

我的要求是用於線製作相當簡單（或相當簡單）：

• 必須在客戶端被創建，而不是由服務器腳本生成的動態圖像
• 可以創建基於一個簡單的公式（圓，ellispe或只是直線）
• 可以包含在DOM元素（例如DIV，這樣我可以層它作爲背景）
• 否HTML5畫布技術（簡單，因爲它應呈現在不符合HTML5的瀏覽器上）
• 沒有太多徵稅在瀏覽器上像我目前的執行

有沒有需要：

• 真正流暢的曲線（儘管會受到歡迎）
• 點/虛線（我會這樣如果可行的話）

基於上述，我幾乎可以肯定SVG（與Raphaël）是要走的路，但我推遲在某些瀏覽器中缺少本地SVG支持。

我看過Walter Zorns library，它有一些優秀的內置性能調整算法。所以如果我找不到更有創意的實現，那將是我的選擇。

讓我知道你是否需要進一步澄清。

Answer 1

早上，

我很喜歡使用Dojo工具包中的繪圖功能。你可以看到它在這裏的行動：

Dojo drawing example

要下載道場，請訪問：

Dojo Toolkit