繪圖畫布編輯器

我正面臨使用畫布標記和使用JavaScript繪製複雜圖像的問題。繪圖畫布編輯器

我需要一個工具，或者我們可以說編輯器，通過它我可以畫出任何圖像。它使用畫布返回Javascript代碼，我可以在HTML頁面中包含該代碼。

謝謝！

2013-03-18 Anurag

對於非常複雜的圖像，使用Adobe Illustrator中做設計（一個世界級的設計編輯器）。

然後將圖像保存爲.SVG格式。

順便說一句，可以將文件（例如，「yourArt.svg」）直接加載到img標籤。

但是，更多的你的問題，然後你可以使用畫布繪製庫稱爲FabricJS閱讀SVG和它畫到畫布。圖書館網站是：http://fabricjs.com/

或者，您也可以使用在線轉換工具yourArt.svg轉換成所需的畫布繪製命令。一種流行的svg-to-canvas轉換器是：http://www.professorcloud.com/svg-to-canvas/

一句警告......這些技巧可能需要調整最終的畫布繪製命令 - 特別是如果您的作品在Illustrator中使用更高級的技巧。

您的作品可能非常複雜，仍然可以處理！查看FabricJS演示的SVG部分：http://fabricjs.com/kitchensink/

2013-03-18 06:04:45 markE

環顧了一下，如果你想創建和處理一些複雜的形狀，這似乎是唯一的選擇。而SVG（或其他矢量圖形格式）的工具確實是一流的。 – 2014-10-16 17:50:15

另一個可以使用的工具是[微軟表達式設計]（http://msdn.microsoft.com/en-US/expression），現在看起來是免費的。可以選擇導出到SVG。 – 2014-10-16 17:54:11

我有一個項目，您可以在其中繪製複雜的畫布形狀並將其導出到HTML文件中。然後，您可以編輯該文件要求

希望這是幫助

2013-03-18 17:18:32 jing3142

哇！ dats gr8 prject真的.. – Anurag 2013-03-22 07:38:19

這是一個偉大的工具人，感謝分享，已經twitted – 2015-09-10 16:22:02

另一個偉大的在線工具被稱爲HTML畫布工作室。

它的行爲與其他繪畫程序相似，當您完成後，您可以將繪圖導出爲HTML + JS。

該工具可以在這裏找到：http://www.htmlcanvasstudio.com/

2013-09-18 07:09:56

回答