.SVGファイルを編集するにはどうすればよいですか?


30

ウィキペディアには解剖学SVGの広範なセットがありますが、PhotoshopやGIMPで操作できるレイヤーを含むソースファイルがないため、さまざまな臓器やパーツを動的に強調表示することはできません。

.SVGファイルを編集するにはどうすればよいですか?

回答:


34

.SVGファイルはソースファイルです。Photoshop / Gimpの意味ではレイヤーではありませんが、完全に切り離すことができます。IllustratorまたはInkscapeのSVGエディターを使用します。

あるいは、本当に夢中になりたい場合は、任意のテキストエディタで.SVGを開き、変更する値を探して、どの色が16進数形式になるかを調べます#nnnnnn


6
重要な違いを強調する価値-一般的に、SVG、Illustrator、Inkscapeはベクターで動作し、PhotoshopとGimpはラスター画像で動作します
e100

3
また、Inkscapeは無料のクロスプラットフォームでオープンソースであることにも注意してください。


1

このツールは、svgファイルの編集に役立つ場合があります。

SVGエディター


1
多くのSVGエディターがあります。これはいいですか?
usr2564301

2
回答を詳しく説明していただけますか?現状では、リンクが腐敗し、その理由で削除される可能性がある場合は役に立たないリンクのみの回答です。
Wrzlprmft

いいえ、これは良いものではありません:-)
ボートコーダー

0

TL:DR; これに対する解決策は、Inkscapeを使用することです:https : //inkscape.org/

無料のオープンソースのクロスプラットフォームです。Ubuntuに「snap install inkscape」を使用してインストールするか、PCおよびMac用のWebサイトのインストーラーを使用できます。

Adobeスイートをお持ちの場合(30日間の無料試用版がある場合)、PhotoshopパスまたはIllustratorを使用して、SVGをインポート、編集、エクスポートできます。Photoshopを使用する場合は、クイックエクスポートの設定を切り替えて、シェイプレイヤーを右クリックし、「SVGとしてクイックエクスポート」できるようにします。

SVGベクターグラフィックは、一連のベクターを含むオブジェクトの単なるマークアップコンテナーであるため、テキストエディターで手動で編集することもできます。

注意すべきもう1つの点があります。SVGはマークアップ言語、特にandタグを使用し、これらのタグはCSSを介してスタイリングのためにアクセス可能です。たとえば、パスにIDを与え、塗りつぶしの色を割り当てることができます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.