6

そのため、Adobe Illustrator ファイルを SVG 形式にエクスポートすると、パスは SVG パス構文を使用してエンコードされます。

http://www.w3.org/TR/SVG/paths.html

「パスデータ」要素を見ると、「移動先」コマンドをパスに埋め込むことができます。

http://www.w3.org/TR/SVG/paths.html#PathData

つまり、パスに数本の線を引き、ペンを手に取って別の場所に移動し、同じパスを続行します。

Illustratorでこれを行う方法を見つけようとしましたが、役に立ちませんでした。既存のパスに追加できますが、エンドポイントの 1 つからパスを拡張することによってのみこれを行うことができるようです。私はこれをしたくありません。別の場所からパスを続行したいのです。

2 つのバラバラなパスをグループ化することで、このようなものを得ることができます。ただし、Illustrator が svg エクスポートを行うと、2 つの <path> タグが作成され、それらが <g> タグ内に配置されますが、これは私が望むものではありません。svg ファイルをテキスト エディターで手動で編集し、「移動先」コマンドを追加してインポートすると、Illustrator がグループを作成しているように見えますが、方法がわからないためわかりません。選択して反対し、それがグループかどうかを判断します。

4

2 に答える 2

7

唯一の方法は、複合パスを作成することだと思います。単一のパスとして使用する両方のパスを選択し、[オブジェクト] > [複合パス] > [作成] に移動します。

これが機能しない場合は、おそらく不可能です。これは、AI が見る限り、連続していないパスが存在する可能性があると私が考えることができる唯一の方法です。

于 2011-09-11T14:28:39.853 に答える
3

  1. move-toコマンドを使用して、パスを持つファイルを作成します。

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     viewBox="-25 -25 100 100">
  <path d="M0,0 L50,0 M50,50 L0,50" stroke="black" />
</svg>

  2. このファイルをIllustratorで開きます。<Compound Path>レイヤーパレットに名前が付けられた単一の要素があることに注意してください。

  3. コマンドを選択しObject > Compound Path > Releaseます。これで、2つのパスが選択されました。

  4. コマンドを選択しObject > Compound Path > Makeます。

  5. SVGファイルとして保存：

    <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="612px" height="792px" viewBox="0 0 612 792"
     enable-background="new 0 0 612 792" xml:space="preserve">
  <path stroke="#000000" d="M128,218h306 M434,524H128"/>
</svg>

  6. 乾杯！

于 2011-09-12T15:59:48.763 に答える