SVGをテキスト幅に尊重し、それに応じて行を分割する方法は？

HTMLに似ていますが、私はforeignObjectを使用したくないです。SVGをテキスト幅に尊重し、それに応じて行を分割する方法は？

これは標準的な問題であるはずですので、標準的な解決策があると思いますが、見つけられませんでした。

おかげ

ラファエル

出典

2011-01-10 Raffael

私は、行の長さを測定するために、PHP関数imagettfbbox（）を利用して改行を描画しました。

ベスト

ラファエル

出典

2011-01-10 15:31:22 Raffael

SVGは、PHPが測定しているものとは異なるフォントサイズ、ファミリ、またはレイアウトを使用してレンダリングする可能性があるので、実際は壊れやすいようです。 – Phrogz

私の場合は、RSVGを使ってSVGをPNGに変換するので – Raffael

わかりました...そのためのラベルは、「ワードラップ」であり、これが唯一のSVG 1.2で実装されているように思えます。 W3C（http://www.w3.org/TR/SVGTiny12/text.html#TextInAnArea）の例はFireFoxによってサポートされていませんが... oh my

出典

2011-01-10 11:23:29 Raffael

標準的なソリューションはSVG1.2ですが、実装されていないので、私はforeignObjectソリューションが今のところ最高だと思います。

出典

2011-01-10 11:24:13 Tangui

私はそれは未実装だと言っ限り行かないだろう。 Operaはこれをサポートしています。 –

SVG 1.2T <textArea> elementが標準的な方法です。 javascriptを使用して同様の機能を実装することも可能ですが、これはフォールバックとして優れている可能性があります。例えば、http://www.carto.net/papers/svg/textFlow/を参照してください。

出典

2011-01-10 12:34:14

SVGをテキスト幅に尊重し、それに応じて行を分割する方法は？

答えて

関連する問題