質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
SVG

SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

257閲覧

ノード(ネットワーク)図のSVGファイルを開く際に特定のラベルを非表示にできますか?

kak

総合スコア28

SVG

SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2024/08/06 14:00

実現したいこと

ネットワークを図示したSVGファイルからラベルを除きたい

前提

イメージ説明

ウェブで表示されるネットワーク図をラベルのない状態で出力→Pythonスクリプトで開く
ということをやりたいのですが、ウェブ上では図のLabel sizeタブをNoにするとラベルが消えますが、

イメージ説明

SVG出力したものをGoogle colabで以下のコマンド開くとラベルが表示されてしまいます。

from IPython.display import * display_svg(SVG('/content/drive/MyDrive/output.svg'))

ウェブのソースでは<option value="icn3d-node-text0">No</option>となればラベルが消え、32ptなら"icn3d-node-text32"となるようです。
出力されたSVGをみるとラベルのclassは"icn3d-node-text0"になっています。

イメージ説明

<svg viewBox="0 0 696.5 910" title="graph" xmlns:xl="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/"><style>text {font-family: sans-serif; font-weight: bold; font-size: 18px;}</style><g class="g-main"><rect width="696.5" height="910" style="fill: rgb(255, 255, 255);"></rect><g transform="translate(70.43346747111275,75.18327591017828) scale(0.896413890800658)"><g></g><g class="link"><line stroke="#00FF99" stroke-width="3px" x1="337.78066931816755" y1="733.9499387093467" x2="332.09726715677505" y2="712.1717972112111"></line><line stroke="#00FF99" stroke-width="3px" x1="332.09726715677505" y1="712.1717972112111" x2="306.12660724278675" y2="729.224995560099"></line><line stroke="#00FF99" stroke-width="3px" x1="306.12660724278675" y1="729.224995560099" x2="261.3303803768945" y2="719.0158002557325"></line><line stroke="#00FF99" stroke-width="3px" x1="261.3303803768945" y1="719.0158002557325" x2="231.07137154449833" y2="697.1519141756456"></line><line stroke="#00FF99" stroke-width="3px" x1="231.07137154449833" y1="697.1519141756456" x2="205.6431490697502" y2="667.1042435281937"></line><line stroke="#00FF99" stroke-width="3px" x1="205.6431490697502" y1="667.1042435281937" x2="162.4972857116597" y2="629.908626332339"></line><line stroke="#00FF99" stroke-width="3px" x1="162.4972857116597" y1="629.908626332339" x2="127.13117014301724" y2="586.7390449803318"></line><line stroke="#00FF99" stroke-width="3px" x1="127.13117014301724" y1="586.7390449803318" x2="111.74665961988123" y2="541.4709651863112"></line><line stroke="#00FF99" stroke-width="3px" x1="111.74665961988123" y1="541.4709651863112" x2="99.88642026388256" y2="497.82004271439604"></line><line stroke="#00FF99" stroke-width="3px" x1="99.88642026388256" y1="497.82004271439604" x2="77.34343935183004" y2="476.6394875973113"></line><line stroke="#00FF99" stroke-width="3px" x1="77.34343935183004" y1="476.6394875973113" x2="94.78965931278842" y2="459.06498198810084"></line><line stroke="#00FF99" stroke-width="3px" x1="94.78965931278842" y1="459.06498198810084" x2="74.66066527277238" y2="442.5538880210196"></line><line stroke="#00FF99" stroke-width="3px" x1="74.66066527277238" y1="442.5538880210196" x2="90.83454319156907" y2="430.94553740667016"></line><line stroke="#00FF99" stroke-width="3px" x1="90.83454319156907" y1="430.94553740667016" x2="101.49007839879754" y2="449.9693589489837"></line><line stroke="#00FF99" stroke-width="3px" x1="101.49007839879754" y1="449.9693589489837" x2="83.34031555853618" y2="464.9334536355768"></line><line stroke="#00FF99" stroke-width="3px" x1="83.34031555853618" y1="464.9334536355768" x2="79.85150290320533" y2="494.8521650510501"></line><line stroke="#00FF99" stroke-width="3px" x1="79.85150290320533" y1="494.8521650510501" x2="82.07300989748411" y2="534.5750555094705"></line><line stroke="#00FF99" stroke-width="3px" x1="82.07300989748411" y1="534.5750555094705" x2="101.42928702251939" y2="577.3053690236343"></line><line stroke="#00FF99" stroke-width="3px" x1="101.42928702251939" y1="577.3053690236343" x2="134.1321971445988" y2="617.4536473246294"></line><line stroke="#00FF99" stroke-width="3px" x1="134.1321971445988" y1="617.4536473246294" x2="168.35082578767003" y2="659.2045759510761"></line><line stroke="#00FF99" stroke-width="3px" x1="168.35082578767003" y1="659.2045759510761" x2="197.74685491829592" y2="681.0238809883313"></line><line stroke="#00FF99" stroke-width="3px" x1="197.74685491829592" y1="681.0238809883313" x2="212.25656029143727" y2="706.3329846491285"></line><line stroke="#00FF99" stroke-width="3px" x1="212.25656029143727" y1="706.3329846491285" x2="241.94138451090134" y2="709.3588476513942"></line><line stroke="#00FF99" stroke-width="3px" x1="241.94138451090134" y1="709.3588476513942" x2="289.0061067476977" y2="710.5531153010824"></line><line stroke="#00FF99" stroke-width="3px" x1="289.0061067476977" y1="710.5531153010824" x2="292.4041798549977" y2="730.6903199784169"></line><line stroke="#00FF99" stroke-width="3px" x1="292.4041798549977" y1="730.6903199784169" x2="255.26548156309352" y2="711.1764190217405"></line><line stroke="#00FF99" stroke-width="3px" x1="255.26548156309352" y1="711.1764190217405" x2="238.86825166035695" y2="690.7821990735207"></line><line stroke="#00FF99" stroke-width="3px" x1="238.86825166035695" y1="690.7821990735207" x2="215.10632063984414" y2="690.6464957408296"></line><line stroke="#00FF99" stroke-width="3px" x1="215.10632063984414" y1="690.6464957408296" x2="213.8532651746761" y2="669.4290937501742"></line><line stroke="#00FF99" stroke-width="3px" x1="213.8532651746761" y1="669.4290937501742" x2="238.465292844018" y2="657.2270819141415"></line><line stroke="#00FF99" stroke-width="3px" x1="238.465292844018" y1="657.2270819141415" x2="261.965029818205" y2="670.43097848453"></line><line stroke="#00FF99" stroke-width="3px" x1="261.965029818205" y1="670.43097848453" x2="250.6519089675367" y2="686.0858801416716"></line><line stroke="#00FF99" stroke-width="3px" x1="250.6519089675367" y1="686.0858801416716" x2="227.65080412496243" y2="681.5807637555919"></line><line stroke="#00FF99" stroke-width="3px" x1="227.65080412496243" y1="681.5807637555919" x2="268.24235786804155" y2="687.9015900237958"></line><line stroke="#00FF99" stroke-width="3px" x1="268.24235786804155" y1="687.9015900237958" x2="221.33149794831303" y2="662.5266093604689"></line><line stroke="#00FF99" stroke-width="3px" x1="221.33149794831303" y1="662.5266093604689" x2="258.4727371602754" y2="656.1265988830039"></line><line stroke="#00FF99" stroke-width="3px" x1="258.4727371602754" y1="656.1265988830039" x2="202.48599722245703" y2="615.2588942776285"></line><line stroke="#00FF99" stroke-width="3px" x="331.03674555323664" y="555.3906409850933">R509</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="356.66102330512115" y="540.9545897522162">V510</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="399.8589615259532" y="536.2569553143319">V511</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="375.9789610351607" y="552.8111887958041">V512</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="416.6682216796711" y="550.402147746974">L513</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="441.9321318080233" y="559.5544310816322">S514</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="470.49280900427857" y="545.5048650661151">F515</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="466.9728562113107" y="516.4950310571083">E516</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="475.260483191652" y="484.43649762652115">L517</text><text fill="#FF00FF" stroke="none" ... class="icn3d-node-text0" x="498.5446200441699" y="489.21002020841195">L518</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="483.6625591297515" y="464.03785183995075">H519</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="508.3568801305661" y="458.7157698683599">A520</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="493.8232408799851" y="440.5854054669321">P521</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="504.6695734588436" y="423.0498673326889">A522</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="476.3798608454464" y="430.2749646492999">T523</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="497.24319200556766" y="410.3242467710834">V524</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="474.8938280851994" y="419.30943796955427">C525</text><text fill="#FF00FF" stroke="none" class="icn3d-node-text0" x="467.9018830991471" y="389.26358270462595">G526</text></g></g></g></svg>

PythonスクリプトでSVGを開いた際にラベルを非表示にするにはどうすればいいでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2024/08/07 03:44

SVGを書き換えずにということですか?
kak

2024/08/07 04:44

いえ、書き換えていいのですが、初心者なのでそのやり方すら分かりませんでした。 class="icn3d-node-text0"となっているものをただ消したらエラーでSVGを開けなくなりました。 svgelementsやAsposeなどを使おうとしましたが、使い方もわからず頓挫してます。 とりあえずラベル無しのNodeとLineだけのネットワーク図をPNGやJPEGなどで保存したいというのが最終目標です。
yambejp

2024/08/07 05:56

SVGを動的に書き換えられる環境であればスタイルシート追記すればよいでしょう
kak

2024/08/07 06:41

コメントありがとうございます。なんと、 <style>text {font-family: sans-serif; font-weight: bold; font-size: 18px;}</style> を  <style>text {font-family: sans-serif; font-weight: bold; font-size: 18px; display="none";}</style>  にしたらラベルが消えました! 目から鱗です。勉強になりました。 ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか?
yambejp

2024/08/07 06:46

いえ、回答してないので、自己解決のしておいてください
kak

2024/08/07 06:58

分かりました。アドバイスありがとうございました!
guest

回答1

0

自己解決

<style>text {font-family: sans-serif; font-weight: bold; font-size: 18px;}</style>

を 

<style>text {font-family: sans-serif; font-weight: bold; font-size: 18px; display="none";}</style> 

にしたらラベルが消えた。

投稿2024/08/07 06:59

kak

総合スコア28

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問