瀏覽器中的2D畫布

Question

我正在尋找使用瀏覽器作爲2D「繪圖」工具的框架或庫。

實際上繪畫不是合適的詞。它應該是在畫布上添加，移除和移動2D對象和圖像。這些對象應該是圖形可連接的。所以 - 在瀏覽器中的一種visio

我想對於像dojo或prototype這樣的javascript庫來說有點多餘，但是像flex或openlaszolo這樣的flash框架呢？

謝謝！

Answer 1

大多數現代瀏覽器現在都支持HTML5中的<canvas>標籤，它幾乎可以滿足您的要求。你可以使用Javascript直接繪製它。同樣在大多數現代瀏覽器中都支持SVG圖形格式，它可以通過Javascript進行操作，以實現一些非常有趣的效果。畫布和SVG的區別在於畫布是用於位圖圖形的，而SVG是矢量。但兩者都適合2D繪圖。

如果你需要一個庫或框架的頂部，你可以嘗試像Raphael，這是一個很好的繪製矢量圖形的JS庫。它甚至支持舊版本的資源管理器，這是一個獎金。 （如果SVG不可用，它將回退到VML）。

Answer 2

iLog Exlixir提供了一些可能有幫助的圖形組件。

Answer 3

OpenLaszlo絕對可以做到這一點。下面是OpenLaszlo應用程序的鏈接，是一個在線的替代到Visio：

http://www.gliffy.com/

我也親自開發和維護，在過去6年的OpenLaszlo視頻編輯應用程序，使您能夠將圖像和視頻類似於你的描述不同的位置和層次，你可以在這裏嘗試一下，如果你想：

http://www.sarolta.tv/web/sarolta-tools/template-editor.html