題:
獨立的SVG編輯器?
user31174
2017-10-12 15:21:41 UTC
view on stackexchange narkive permalink

我正在尋求程序的建議

  • 允許創建,編輯和保存.svg格式的文件
  • 允許標準編輯,包括
    • 繪製線條和形狀
    • 用顏色填充區域
    • 裁剪
    • 打開保存為(.jpg,.gif等)文件(可能只有幾種顏色)。粘貼到正在編輯的文件中
  • 不僅限於創建圖表
  • 可以獨立運行,也可以在網絡瀏覽器之上運行在線
  • 是免費的或至少共享軟件
有趣的是,從未有人問過這個問題。
不是免費的(這就是為什麼要發表評論),但是插圖畫家和素描畫家都可以使用svg,並具有您期望的所有專業功能,例如圖層,蒙版,自定義形狀等
@ThomasWeller也許是因為當您使用Google“矢量圖形編輯器”時,Inkscape是第一個結果。結果上方甚至還有一個矢量圖形編輯器列表。 Inkscape也是該列表中的第一個。
適用於哪個操作系統?
四 答案:
#1
+80
Alex
2017-10-12 15:52:56 UTC
view on stackexchange narkive permalink

Inkscape怎麼樣?它是:

  • 免費且開源,
  • 具有完全兼容的SVG格式文件生成和編輯,

  • 可以在擴展名的幫助下打開許多其他矢量格式,
  • 可以原生導入大多數光柵格式(JPEG,PNG,GIF等)。 )作為位圖圖像,但它只能導出PNG位圖。

  • ,因為它是可下載的軟件,因此可以獨立運行。

聽起來好像很合適,所以值得嘗試一下。

我想對Inkscape的答案做一個附錄:我一直將其用於矢量。有很多方便的功能和麵板可以編輯SVG。甚至還有一個窗格,您可以在其中查看基礎XML標記並從那裡編輯屬性。仔細檢查元素的堆疊順序,查看組中包含哪些對象,甚至還添加JavaScript交互,這非常好。祝您好運!
實際上,Inkscape可能是最好的選擇之一。我所見過的唯一重大抱怨是,它在生成盡可能節省空間的SVG文件方面做得併不出色,但是對於大多數人而言,這並不是什麼大問題。
如果您擔心結果的輸出..您總是可以通過SVG優化器運行它。
@ShoeLace請注意,對於某些部門和公司,出於安全性和機密性原因,將任何文件上傳到外部服務被認為是大忌,並且很可能會導致您受到譴責甚至被解僱。
確實。將這種應用程序作為遠程服務只是不負責任和對用戶不利。如果確實需要在網絡上運行(並且具有跨平台,沙盒化等出色功能),則它可能是一個完全在客戶端在瀏覽器中運行的JS應用程序,而不是要求您上傳私有數據(或您的客戶/雇主/朋友/等的私人數據)發送給一些粗略的第三方。
關於在Inkscape中創建節省空間的SVG文件的@AustinHemmelgarn:其“本機” SVG確實很胖(例如,它們包含多個Inkscape定制標籤),但是可以選擇保存“ Optimized SVG”(這是Save中的另一種格式)作為對話框),它產生的輸出要小得多,具有各種選項,可以進一步節省空間。我不知道它與外部SVG優化器相比有何優勢
@DaveJones Inkscape內置的優化器是SCOUR優化器,它也存在於外部。
FWIW,我幾乎將Inkscape用於90%的矢量圖工作。使我無法100%使用它的唯一原因是缺乏打印色彩空間管理。
@NZall是真的...那麼像https://github.com/tdewolff/minify之類的脫機版本可能是?還有其他一些開源版本
#2
+8
Duarte Farrajota Ramos
2017-10-13 22:04:59 UTC
view on stackexchange narkive permalink

如前所述,如果您需要功能強大,設計功能強大且功能強大的功能齊全的SVG編輯器,我會選擇Inkscape。

但是,如果您想要更簡單的方法,則正在尋找基於Web的解決方案或Inkscape在您所需的平台上不可用,還有 SVG Edit

SVG Edit是基於JavaScript瀏覽器的編輯器,可以在線下載以供離線使用

enter image description here

功能可能不如Inkscape完整,但是對於更簡單的作品,它可能

Mac商店,Windows 10商店和Chrome應用都可以使用 Boxy b>

>

#3
+4
user137369
2017-10-13 21:02:05 UTC
view on stackexchange narkive permalink

任何半體面的矢量編輯應用程序都應滿足您的要求(免費的除外)。除了已經提到的 Inkscape Gravit Designer是一個不錯的選擇(您既可以在瀏覽器中使用它,也可以將其作為獨立應用程序使用)

Inkscape不需要X Windows。它是多平台的。
@BenCrowell在macOS上仍然需要[XQuartz](https://www.xquartz.org/),這並不麻煩。
@user137369:有一個Inkscape分支(`osxmenu`),它不需要XQuartz。
Inkscape不再需要X(從1.0開始),因此我從答案中刪除了它。
#4
+2
Better_To_Learn_The_Hard_Way
2017-10-15 06:48:33 UTC
view on stackexchange narkive permalink

只需使用任何純文本編輯器。我使用 mousepad 。 SVG只是一個XML文件,具有類似於HTML的定義良好且穩定的DTD。如果您真的希望能夠控製圖像,那​​麼手動編輯XML是唯一的方法。

下載並閱讀SVG規範,可以在這裡找到:

https://www.w3.org/TR/SVG11/

這是在線版本-下載鏈接位於第一段。

查看您的編輯,請使用簡單的圖片查看器。我使用 geeqie

或者,使用 file:///path/to/your.svg 作為URL,使用瀏覽器打開文件。文明的操作系統將為您提供右鍵單擊文件以使用瀏覽器打開的選項。然後,每次保存時,在瀏覽器中單擊“重新加載”。這一切都是脫機的-瀏覽器不需要網絡連接即可查看本地文件。

瀏覽器非常方便,因為如果您輸入錯誤,瀏覽器會在解析文件時告訴您它在哪裡窒息。如果您在該位置附近查看文字,將會發現一些明顯的內容,例如

我使用的合成循環的工作原理如下:

1)複製/粘貼基本的SVG標頭以及打開和關閉標籤-在開始時,您可以從任何 .svg 文件中添加這些內容-會有一些變化,最終您將希望了解這些差異,但是開始並沒關係。

2)添加一些元素並保存。

3)看看它們是否看起來像您想要的-否則,請調整數據和/或元素。

4)重複直到您滿意為止。

另一種策略是從您在網上找到的 .svg 開始,該文件與所需內容很接近,並使用類似的工作流程對其進行修改。當您這樣做時,無疑會遇到使用 inkscape 創建的文件。

inkscape 創建的文件雜亂無章。您將很快了解到需要什麼,不需要什麼,並且能夠通過幾分鐘的刪除編輯來清理 inkscape 文件。

許多 .svg 網絡上的code>文件已刪除格式。有許多XML整潔的程序可以恢復可讀性。由於SVG文件通常很小,因此我通常手動進行操作-一次編輯即可消除混亂並恢復格式,很少花費超過十分鐘的時間。

您所需的其他活動是預處理或後期處理步驟。我為此使用 gimp 。如果您可以將 .jpg .png 縮小為僅幾種顏色,那麼 gimp 的SVG導出功能就可以完成出色的工作。作為後處理器, gimp 可以讀取您的文件並將其以您想要的任何格式導出,並且圖像處理功能非常完善。

我在這裡提倡的是與通常的以消費者為中心的整體式程序相反,後者握著您的手,並且如此努力地阻止您傷害自己,從而阻礙了您完成自己想要的工作,與之相比,這種方法更加專業。是的,很難開始。是的,您將需要學習一些新知識。是的,您會遇到一些困難。但是最後,您將在較小的文件中獲得所需的圖像。您還將在此過程中獲得寶貴的技能和更深刻的理解。



該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到,我們感謝它分發的cc by-sa 3.0許可。
Loading...