CSS svg가 표시되지 않는 문제에 대한 해결 방법: 1. svg 파일을 가져오기 위해
이 튜토리얼의 운영 환경: Dell G3 컴퓨터, Windows 7 시스템, HTML5&&CSS3 버전.
추천: "css 비디오 튜토리얼"
html에 svg 파일이 도입되었지만 표시되지 않는 경우 svg가 모든 브라우저에서 지원되지 않고 ie의 일부 하위 버전이 지원하지 않기 때문일 수 있습니다. 그것을 지원하십시오.
해결책:
참고: HTML 페이지에 SVG를 삽입할 때
예: (표시하려면 Adobe의 svg 뷰어 플러그인을 다운로드해야 합니다.)
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
HTML 4의 표준 태그이며 모든 최신 브라우저에서 지원됩니다. 단점은 스크립팅을 허용하지 않는다는 것입니다.
참고: 최신 버전의 Adobe SVG Viewer가 설치되어 있는 경우
<object data="rect.svg" width="300" height="100" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/" />
예:
<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!