HTML5 인라인 SVG
- (*-*)浩원래의
- 2019-10-25 16:18:022281검색
HTML5는 인라인 SVG를 지원합니다.
SVG란 무엇인가요? (권장 학습: html 튜토리얼)
SVG는 Scalable Vector Graphics를 의미합니다
SVG는 웹용 벡터 기반 그래픽을 정의하는 데 사용됩니다.
SVG는 XML 형식을 사용하여 그래픽을 정의합니다.
SVG 이미지는 그래픽 품질이 크기를 확대하거나 변경할 때 손실되지 않도록
SVG는 World Wide Web Consortium의 표준입니다
SVG의 장점
다른 이미지 형식(예: JPEG 및 GIF)과 비교할 때 SVG 사용의 장점은 다음과 같습니다.
SVG 이미지는 텍스트 편집기로 생성 및 수정할 수 있습니다.
SVG 이미지는 검색, 색인 생성, 스크립팅 또는 압축 가능
SVG 이미지는 확장 가능
SVG 이미지는 모든 해상도에서 고품질로 인쇄 가능
SVG 가능 이미지 품질 저하 없이 확대할 수 있습니다
브라우저 지원
Internet Explorer 9, Firefox, Opera, Chrome 및 Safari는 인라인 SVG를 지원합니다.
SVG를 HTML 페이지에 직접 포함
HTML5에서는 SVG 요소를 HTML 페이지에 직접 포함할 수 있습니다.
예
<!DOCTYPE html> <html> <body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> </svg></body> </html>
위 내용은 HTML5 인라인 SVG의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 테이블 태그다음 기사：HTML 테이블 태그