1
htmlドキュメント内のすべてのsvgグラフィックスをインライン化したいと思います。私は使用しています:
$('img[src$=".svg"]').each(function() {
var $img=$(this);
var imgURL=$img.attr('src');
$.get(imgURL, function(data) {
..............
httpサーバからhtmlドキュメントを要求するとすべてうまく動作します。もちろん、ローカルのhtmlファイルをダブルクリックすると(ブラウザでローカルに開くだけで)、このエラーは発生しません。
jquery.js:8630 XMLHttpRequestはfile:///file.svgをロードできません。 Cross originリクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。
これを修正し、HTTPサーバーを必要とせずにHTML文書でSVGインラインを取得するためのアイデアはありますか?
はい。私はこれを知っている。これは、読み込まれたSVGグラフィックスをに入れることです。これで結構です。しかし次に、私はすべてのsvg IMGをhtml文書にインライン展開する必要がありますか? – iMarh
それは私が参照した記事でもカバーされていました。基本的にはタグをsvgファイルの内容全体に置き換えてください。それがあなたの後でない場合は、あなたがこれをしようとしている理由を含めるためにあなたの質問を修正する必要がある可能性が高いです – bknights
私は、svgのsvgのインライン化を外部svgファイルの多くを持っているので、また、js – iMarh