ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSS SVGが表示されない場合はどうすればいいですか？
CSS SVGが表示されない場合はどうすればいいですか？
- 藏色散人オリジナル
- 2021-01-04 10:48:005226ブラウズ
css svg で解決策が表示されない: 1. d8e2720730be5ddc9c2a3782839e8eb6 タグを使用して svg ファイルをインポートします; 2. 273238ce9338fbb04bee6997e5552b95 タグを使用して svg ファイルをインポートします; 3. d5ba1642137c3f32f4f4493ae923989c ; タグを使用して svg ドキュメントをインポートします。
このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、HTML5&&CSS3 バージョン。
推奨: "css ビデオ チュートリアル "
html で svg ファイルが導入されているにもかかわらず表示されない場合は、svg がすべてのブラウザ (Firefox、 Chrome のサポート。つまり、一部の下位バージョンではサポートされていません。
解決策:
d8e2720730be5ddc9c2a3782839e8eb6 タグを使用します
d8e2720730be5ddc9c2a3782839e8eb6 タグはすべての主要なブラウザでサポートされていますスクリプトをサポートし、許可します。 [推奨: HTML オンライン マニュアル]
注: SVG を HTML ページに埋め込む場合は、d8e2720730be5ddc9c2a3782839e8eb6 タグを使用することが、Adobe SVG Viewer によって推奨される方法です。ただし、有効な XHTML を作成する必要がある場合は、d8e2720730be5ddc9c2a3782839e8eb6 は使用できません。 HTML 仕様には d8e2720730be5ddc9c2a3782839e8eb6 タグはありません。
例: (表示するには、Adobe の svg ビューア プラグインをダウンロードする必要があります)
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
273238ce9338fbb04bee6997e5552b95 タグを使用します
Itは HTML 4 タグの標準であり、すべての新しいブラウザでサポートされています。欠点は、スクリプトを使用できないことです。
注: 最新バージョンの Adobe SVG Viewer がインストールされている場合、273238ce9338fbb04bee6997e5552b95 タグを使用すると SVG ファイルは機能しません (少なくとも IE では)。
<object data="rect.svg" width="300" height="100" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/" />
d5ba1642137c3f32f4f4493ae923989c タグを使用する
d5ba1642137c3f32f4f4493ae923989c タグは、ほとんどのブラウザで機能します。
例:
<iframe src="rect.svg" width="300" height="100"></iframe>
rect.svg では、SVG 名前空間を参照することで、次のように HTML コードに SVG 要素を追加できます (これには、次のようなブラウザーのサポート svg が必要です)。 Firefox、Chrome):
<html xmlns:svg="http://www.w3.org/2000/svg"> <body> <p>This is an HTML paragraph</p> <svg:svg width="300" height="100" version="1.1" > <svg:circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> </svg:svg> </body> </html>
以上がCSS SVGが表示されない場合はどうすればいいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。