コニファ・ロゴ

csstest:svg要素を使って、曲線のパスに沿ったテキスト

Illustratorで曲線pathとそれに沿ったテキストを作成し、svgで保存。そのsvgからpathを取り出し、htmlのsvgタグ内のpathタグとして記述しています。なお、このページは、svgの都合でxhtmlを使っています。
インラインsvgを使ったhtmlに変更しています。

htmlのsvgタグ内に記述したpathの内容

<path id="s002" d="M32.325,142.820c5,0,96.786-90.236,186.905-91.666
		 c150-2.381,171.429,120.237,310.714,117.856c120.273-2.056,173.084-109.523,173.084-109.523" stroke="black" fill="none" />

 

曲線のパスに沿ったテキスト・曲線のパスに沿ったテキスト

 

 

戻るボタン