Vector Vector的SVG座標

Question

目前這可能是不可能的，但我想知道是否可以採用一種矢量圖並通過某種程序將其轉換爲SVG座標來運行它？

例如讓我們說你有一個標誌作爲一個JPG可以將一個程序準確地映射到SVG中以顯示在網站上？

感謝您的任何提示！

Answer 1

保存您的矢量設計作爲.svg文件，然後打開.svg文件與您喜好的文本編輯器，找到「路徑」或「多邊形」元素。你應該能夠找到一個名爲'd'的屬性來保存你的svg設計的座標。像這樣......

<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> 

    <path d="M0 0 ... ... ..."/> 

</svg> 

根據你的藝術載體的複雜的座標範圍可以對它們如何編譯和可能有潛在很難理解。

此網址應該有助於理解座標是如何工作的 - https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

Answer 2

據我記得Inkscape有一個跟蹤位圖選項，可以用於這一點。只需將該文件導入Inkscape，然後使用該選項將位圖轉換爲SVG。之後您可能需要進行一些調整，但我認爲它可以奏效。

Answer 3

大多數矢量圖形編輯器都包含此功能（能夠跟蹤光柵圖像）。

也有專門的工具，如Vectormagic和whole slew of others。

Answer 4

謝謝你們，但我最終發現的是一個名爲SVG2Canvas的jar文件。 基本上，（在Mac上）通過終端並使用他們的程序將svg文件轉換爲HTML5 canvas元素內的座標。

我的結果好壞參半，但它的開局不錯。

如果您對此感興趣，可以在此處找到jar和（breif）文檔。 http://code.google.com/p/lindenb/wiki/SVGToCanvas