http://paperjs.org/examples/SVG路徑中的'M'，'c'和'z'是什麼意思？

我試圖創建鏈的自定義路徑，我看到蝌蚪有一個預定義心臟形路徑，所以我試圖複製它，但我不明白的幾部分它。

變種heartPath =新路徑（'M514.69629,624.70313c-7.10205，-27.02441 -17.2373，-52.39453 -30.40576，-76.10059c-13.17383，-23.70703 -38.65137，-60.52246 -76.44434，-110.45801 c-27.71631，-36.64355-44.78174，-59.89355 -51.19189，-69.74414c-10.5376，-16.02979 -18.15527，-30.74951 -22.84717，-44.14893c-4.69727，-13.39893 -7.04297，-26.97021 -7.04297，-40.71289c0， -25.42432 8.47119，-46.72559 25.42383，-63.90381c16.94775，-17.17871 37.90527，-25.76758 62.87354，-25.76758c25.19287,0 47.06885,8.93262 65.62158,26.79834c13.96826,13.28662 25.30615,33.10059 34.01318,59.4375c7.55859， -25.88037 18.20898，-45.57666 31.95215，-59.09424c19.00879，-18.32178 40.99707，-27.48535 65.96484，-27.48535c24.7373,0 45.69531,8.53564 62.87305,25.5957c17.17871,17.06592 25.76855,37.39551 25.76855,60.98389c0,20.61377 - 5.04102,42.08691 -15.11719,64.41895c-10.08203,22.33 203 -29.54687,51.59521 -58.40723,87.78271c-37.56738,47.41211 -64.93457,86.35352 -82.11328,116.8125c-13.51758,24.0498 -23.82422,49.24902 -30.9209,75.58594z'）;

我不明白什麼中號在路徑的開始意味着，在某些價值觀或ž的Ç在路的盡頭。我試圖在他們的文檔或Google上找到關於它的信息，但是我找不到我想要的信息，因爲單個字母使搜索變得困難。

我試圖在開始時刪除M並且蝌蚪停止移動，所以我假設M可能意味着'移動'？刪除c改變心臟的形狀，但刪除z似乎並沒有改變任何東西。

來源

2016-09-18 Avery

良好的閱讀：https://developer.mozilla.org/en/docs/Web/SVG/Tutorial/Paths –

請註明正確的答案被選中的人，而不是**第一個**你的答案。 – vsync

他們指的是文檔所說的意思，它可以通過「svg路徑」輕鬆搜索到。 – 2016-09-18 11:18:58

-2

要調用的構造函數是this：

凡 pathData被描述爲

Path(, pathData)

：

的SVG路徑數據描述此路徑的幾何形狀

的你應該閱讀的文檔是SVG的文檔。
由於@GerardoFurtado在評論中提到，here是一個可能對您感興趣的閱讀。

來源

2016-09-18 08:23:12 skypjack

有趣。什麼是downvote？至少，評論會有助於改進答案。 – skypjack

M：移動到

命令「Move To」或M，如上所述。它需要兩個參數，座標'x'和座標'y'來移動。如果您的光標已經位於頁面上的某個位置，則不會繪製任何線條來連接這兩個位置。「移至」命令出現在路徑的開始到指定的圖紙應該開始

Z：關閉路徑

該命令繪製一條從當前位置返回路徑的第一個點的直線。它通常放置在路徑節點的末尾，儘管並非總是如此。大寫和小寫命令之間沒有區別。

C：Bezier曲線

的三次曲線，C，是稍微更復雜的曲線。 Cubic Beziers爲每個點提供兩個控制點。因此，要創建一個三次貝塞爾曲線，您需要指定三組座標。

來源：https://developer.mozilla.org/en/docs/Web/SVG/Tutorial/Paths

來源

2016-09-18 09:36:09 Bamieh

SVG路徑中的'M'，'c'和'z'是什麼意思？

回答

M：移動到

Z：關閉路徑

C：Bezier曲線

相關問題