1

これは2部構成の質問です。

  1. 以下の最初のコードセクション(Adobe Illustratorで作成)は、SVGファイルのキュービックベジェ曲線を表していますか?
  2. もしそうなら、小文字のCに続く数字のそれぞれは、最初の(Adobe Illustrator)の例で何を表していますか?

    Adobe Illustratorの例:

<path style="fill:none;stroke:#00FF00;stroke-width:0.5102;stroke-linecap:round; stroke-linejoin:round;" d="M223.827,404.942 c-6.741,6.32-7.083,16.908-0.762,23.649l0,0c0.184,0.201,0.561,0.577,0.762,0.762" />

これはw3の例の一部です

<path class="SamplePath" d="M100,200 C100,100 250,100 250,200
                                       S400,300 400,200" />

2番目のW3の例では、「M」に続く数字は開始x、y座標を示し、大文字の「C」は絶対位置を示していることを理解しています。このパターンは、XYのグループ化に関するW3の例ではかなり明白に見えます。ただし、グループがマイナス記号で区切られ、コンマがないAdobe Illustratorの例をどうすればよいかわかりません。例: 16.908-0.762Adobe Illustratorの例で小文字のCに続く番号付きのシーケンスはどのように解析およびグループ化され、最初の(Adobe Illustrator)の例ではそれらの各番号は何を表していますか?

4

1 に答える 1

3

1の答えはイエスです。

2は...

パス構文では、スペースとコンマはオプションです。16.908-0.762は一度に1文字ずつ解析されるため、パーサーは、-記号に到達したときに16.908は数値であるが、16.908-はそうではないことを認識している必要があります。したがって、-記号は次の数値の先頭である-0.762である必要があります。

イラストレーターの例には、3組の数字があります。オプションのスペースを追加すると、より明確になります...

c -6.741,6.32 -7.083,16.908 -0.762,23.649

文法はこちら

于 2012-09-03T05:55:57.293 に答える