[解決済み】SVG:矩形内のテキスト
2022-04-09 22:37:52
質問
あるテキストを表示したい
内側
SVG
rect
. 可能ですか?
試してみた
<svg xmlns="http://www.w3.org/2000/svg">
<g>
<rect x="0" y="0" width="100" height="100" fill="red">
<text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text>
</rect>
</g>
</svg>
しかし、うまくいきません。
どうすればいいですか?
これは不可能です。 テキストを矩形要素の中に表示したい場合は、両者をグループ化し、text要素を矩形要素の後に置く必要があります(そうすれば、text要素が一番上に表示されます)。
<svg xmlns="http://www.w3.org/2000/svg">
<g>
<rect x="0" y="0" width="100" height="100" fill="red"></rect>
<text x="0" y="50" font-family="Verdana" font-size="35" fill="blue">Hello</text>
</g>
</svg>
関連
-
[解決済み] XQuery データと text() 関数
-
[解決済み] Sublime Text 2にはアセンブリのシンタックスハイライトがありますか?
-
[解決済み] Linuxで特定のテキストを含むすべてのファイルを検索するにはどうすればよいですか?
-
[解決済み] LaTeXの表でテキストを折り返すには?
-
[解決済み】SVGの矩形にテキストを配置し、中央に配置する方法
-
[解決済み】SVG:矩形内のテキスト
-
[解決済み】grepで空白行を削除する。
-
[解決済み】コサインの類似性の例を、とても簡単な図式で誰か教えてください。[クローズド]
-
[解決済み] UIButtonのテキストに下線を引く
-
[解決済み] Text Editor which shows \rn? [クローズド]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン