Ini adalah tag jalur yang sulit saya pahami, itu dirender menjadi kurva yang bagus

<path fill="none" stroke="deeppink" stroke-width="3" 
d="M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 
42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215 28.8 5-16.7-7-49.1-34
-44-34 11.5-31 46.5-14 69.3 9.38 12.6 24.2 20.6 39.8 22.9 91.4 9.05 
102-98.9 176-86.7 18.8 3.81 33 17.3 36.7 34.6 2.01 10.2.124 21.1-5.18 30.1" />

Saya tahu bahwa apa yang segera mengikuti c adalah dua titik kontrol dan satu titik tujuan. Tapi berapa sisa angkanya? Apakah mereka juga kurva bezier tetapi dengan c perintah dihilangkan?

svg
0
JGuo 4 Maret 2019, 05:16

1 menjawab

Jawaban Terbaik

Anda dapat mengetahuinya dengan membaca spesifikasi SVG.

Huruf perintah dapat dihilangkan pada perintah berikutnya jika perintah yang sama digunakan beberapa kali berturut-turut

Jika ada urutan perintah jalur yang sama, maka Anda tidak perlu mengulangi perintah tersebut (misalnya c). Anda bisa mengulang parameter koordinat. Jadi jalur Anda setara dengan:

M 62.9 14.9
c -25-7.74-56.6 4.8-60.4 24.3
c -3.73 19.6 21.6 35 39.6 37.6 
c 42.8 6.2 72.9-53.4 116-58.9
c 65-18.2 191 101 215 28.8
c 5-16.7-7-49.1-34-44
c -34 11.5-31 46.5-14 69.3
c 9.38 12.6 24.2 20.6 39.8 22.9
c 91.4 9.05 102-98.9 176-86.7
c 18.8 3.81 33 17.3 36.7 34.6
c 2.01 10.2.124 21.1-5.18 30.1
3
Paul LeBeau 4 Maret 2019, 04:21