$ .GETを使用せずにHTMLでSVGをインライン化

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インラインを取得するためのアイデアはありますか？

出典

2016-05-01 iMarh

あなたの.svgファイルは、余分な作業をすることなくロードされるはずです。あなたがしていることに必要なコードはありません。 https://css-tricks.com/using-svg/

出典

2016-05-02 01:03:11 bknights

はい。私はこれを知っている。これは、読み込まれたSVGグラフィックスをに入れることです。これで結構です。しかし次に、私はすべてのsvg IMGをhtml文書にインライン展開する必要がありますか？ – iMarh

それは私が参照した記事でもカバーされていました。基本的にはタグをsvgファイルの内容全体に置き換えてください。それがあなたの後でない場合は、あなたがこれをしようとしている理由を含めるためにあなたの質問を修正する必要がある可能性が高いです – bknights

私は、svgのsvgのインライン化を外部svgファイルの多くを持っているので、また、js – iMarh

$ .GETを使用せずにHTMLでSVGをインライン化

答えて

関連する問題