CSS svg가 표시되지 않으면 어떻게 해야 하나요?
- 藏色散人원래의
- 2021-01-04 10:48:005198검색
CSS svg가 표시되지 않는 문제에 대한 해결 방법: 1. svg 파일을 가져오기 위해 d8e2720730be5ddc9c2a3782839e8eb6 태그를 사용합니다. 3. svg 파일을 가져오기 위해 d5ba1642137c3f32f4f4493ae923989c svg 파일을 가져옵니다.
이 튜토리얼의 운영 환경: Dell G3 컴퓨터, Windows 7 시스템, HTML5&&CSS3 버전.
추천: "css 비디오 튜토리얼"
html에 svg 파일이 도입되었지만 표시되지 않는 경우 svg가 모든 브라우저에서 지원되지 않고 ie의 일부 하위 버전이 지원하지 않기 때문일 수 있습니다. 그것을 지원하십시오.
해결책:
d8e2720730be5ddc9c2a3782839e8eb6 태그 사용
d8e2720730be5ddc9c2a3782839e8eb6 태그는 모든 주요 브라우저에서 지원되며 스크립트 사용을 허용합니다. [권장: html 온라인 매뉴얼]
참고: HTML 페이지에 SVG를 삽입할 때 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 태그를 사용하세요
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>
그런 다음 ret.svg에서 SVG 네임스페이스를 참조하여 다음과 같이 HTML 코드에 SVG 요소를 추가할 수 있습니다. (이렇게 하려면 브라우저가 firefox, chrome과 같은 svg를 지원해야 합니다.) :
<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!