このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

method

method 属性は、<textPath> 要素のパスに沿ってテキストをレンダリングする方法を指定します。

この属性は、次の SVG 要素で使用することができます。

textPath

<textPath> における method は、テキストをパスに沿ってレンダリングする方法を示します。

align | stretch
デフォルト値 align
アニメーション
align

この値は、文字が引き伸ばされたり歪められたりすることなくレンダリングされることを示します。文字はレンダリングされるときに回転されたり、拡大されたり、引き伸ばされたりします。その結果、テキストがパスに沿ってレンダリングされるときに、接続される文字(筆記体フォントなど)については、接続が正しく配置されない可能性があります。

stretch

この値は、文字の輪郭がパスに変換され、その後引き伸ばされ、場合によっては歪められることを示します。この方法では、筆記体フォントなど、接続された文字は接続状態が維持されます。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# TextPathElementMethodAttribute