[解決済み] SVGで表を作成する

2022-03-07 07:57:40

質問

SVG文書内にテーブルのようなオブジェクトを作成しようとしています。現在、SVGにはテーブル要素がないため、HTMLパーサーを使って、（ユーザーがHTMLテーブルビルダーで作成した）HTMLテーブルをSVGオブジェクトのグループに変換し、それをSVG描画全体に追加しているところです。この方法に対して、SVGテーブルビルダーのような、より良い代替方法を見つけることができた人はいるのでしょうか？Javascriptかjqueryを使ってこれを実現したいと思っています。どんなアイデアや提案でも結構です。

どのように解決するのですか？

単純に本物のテーブルをSVGに埋め込むだけなのですが。

<?xml version="1.0" standalone="yes"?>
<svg xmlns="http://www.w3.org/2000/svg">
  <foreignObject x="10" y="10" width="100" height="150">
    <body xmlns="http://www.w3.org/1999/xhtml">
      <table><!-- ... --></table>
    </body>
  </foreignObject>
  <!-- ... -->
</svg>

[解決済み] SVGで表を作成する

質問

どのように解決するのですか？

関連

[解決済み】Javascriptのコールバック関数がFirefoxで「Callback is not a function」というエラーを投げる

[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました

[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません

[解決済み] GUID / UUIDの作成方法

[解決済み] jQueryでテーブルの行を追加する

[解決済み] 1...N を含む配列の作成方法

[解決済み] svg要素の色を変更するには？

[解決済み] Do I use <img>, <object>, or <embed> for SVG files?

[解決済み] HTML5 CanvasとSVGとdivの比較

[解決済み] CSSを使用してSVG画像の色を変更する方法（jQuery SVG image replacement）とは？

最新

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 実装サイバーパンク風ボタン

おすすめ

[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"

[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした

[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。

[解決済み】Javascriptのコールバック関数がFirefoxで「Callback is not a function」というエラーを投げる

[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。

[解決済み] エラー。モジュールhtmlが見つからない

[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか？どんなときに推奨されるのか／どんな使用例が考えられるのか？

[解決済み】リソースはドキュメントと解釈されるが、MIMEタイプはapplication/zipで転送される

[解決済み】Jestが予期しないトークンに遭遇した

[解決済み】 \u003C とは何ですか？