Q&A
知りたいこと
<img src="⋅⋅⋅.svg"> のようにして SVG ファイルを読み込ませた html ページをWeb ブラウザで見ている時に、
ブラウザのドキュメント内検索機能 ( ctrl+f で出てくる検索窓を使ってドキュメント内検索をする機能) で、 読み込ませた SVG ファイル内のテキストも検索させたいのですが、方法はありますか？
<img src="⋅⋅⋅.svg"> のようにして読み込ませるのではなく、
直接 SVG ファイル内の内容 (<svg ⋅⋅⋅></svg>) を html ページ内に定義すれば、
やりたい検索は出来るのですが、過去に作成した html ページ すべてをこの方式で作り直すのが大変という事情がある為、
html ページにアクセスしたブラウザ側でなんとかならないものかと悩んでおります。
ブラウザ側の設定や、<img src="⋅⋅⋅.svg"> 内も含めて検索出来るプラグイン(アドイン、拡張機能)の存在などあれば教えて頂きたく、よろしくお願いします。
環境
- OS
Windows10(64bit) - Browser
FireFox(76.0.1 (64 ビット))
(他ブラウザで実現可能なのであれば、そのブラウザへの乗り換えも検討します)
回答1件
0
imgではなくobjectで読み込むと中身のテキストがブラウザ上で検索できるようになりました。
html
1<object type="image/svg+xml" data="./test.svg"></object>
これなら機械的な置換は難しくないでしょう。検討してみてください。
投稿2020/05/24 05:29
総合スコア4447
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/21 04:59 編集
2020/06/21 05:41