1

私はsvgでレンダリングしている非常にグラフィカルなWebサイトを持っています. 私が抱えている問題は、画像にテキストを表示する必要があることです。ほとんどのブラウザは要素の自動改行をサポートしていないため、svg 内にa<foreignObject>を追加するために a を使用しています。<div>

これは Firefox では比較的うまく機能しますが、Chrome ではこれをうまく処理できません。<div>フレームの上に浮かぶ htmlを作成する必要があるかどうか疑問に思っていますが、この要素を一貫して配置するのは難しいと思います。それで、誰かアイデアはありますか？私が取り組んでいるページへのリンクは次のとおりです: http://okcomputerstl.com/K9_Athletic_Club/services.html

4

2 に答える 2

1

RaphaelJSをチェックしてください。

  1. 基本的には、高度な SVG 用のクロス ブラウザー フレームワークです。
  2. 優れたドキュメントとサポート (煎茶) があります。
  3. バージョン 2.1 で成熟しています
  4. 無料です。

テキストの例を次に示します。私の経験では、タイポグラフィはうまく機能します。

于 2012-06-22T06:22:46.063 に答える
1

コンテンツに自動フロー レイアウトが必要な場合は、HTML を使用し、必要に応じて svg の境界線または背景を追加します。

コンテンツの大部分がグラフィックで、自動フロー レイアウトが必要ない場合は、foreignObject を完全に避け、代わりに 1 つ以上の <text> 要素を使用します。

SVGWeb は、知る限り、foreignObject (または svg 内の html) を処理しません。

于 2012-06-22T09:34:25.020 に答える