html - テキスト要素を使用してSVG1.1でテキストを下から上に表示するには?

Question

テキストを下から上に垂直に表示しようとしています。テキスト要素を使用して、SVG1.1 でテキストをレンダリングしています。

1つの方法は、変換を使用してテキストを回転させることです.tbまたはbtの書き込みモードを試してみたので、それを行うためのより良い方法はありますが、tbの場合は上から下に適切にレンダリングされますが、btの場合はそうです同じことをしていません。

Answer 1

SVG 1.1またはCSS3 Writing Modesには、下から上へのテキスト レンダリングはありません。その理由は、CSS3 Writing Modes の要約に引用されています。

あなたがすでに提案したように、今これを行う方法は変換を使用することです。glyph-orientation-* プロパティまたはrotate属性を使用することもできます。

この段階では、グリフ方向プロパティがブラウザー間でどの程度サポートされているかはわかりません。また、それらは基本的に CSS3 書き込みモードで非推奨になっていることに注意してください (新しいキーワード/プロパティに置き換えられています)。