>  기사  >  웹 프론트엔드  >  HTML5 _html5 튜토리얼 기술의 새로운 기능을 사용하여 SVG를 사용하여 WeChat 로고 그리기

HTML5 _html5 튜토리얼 기술의 새로운 기능을 사용하여 SVG를 사용하여 WeChat 로고 그리기

WBOY
WBOY원래의
2016-05-16 15:45:522360검색

HTML5의 새로운 기능
HTML5의 몇 가지 흥미로운 새로운 기능:
1. 페인팅용 캔버스 요소
2. 🎜>3. 로컬 오프라인 저장소에 대한 지원 개선
4. 기사, 바닥글, 헤더, 탐색, 섹션과 같은 새로운 특수 콘텐츠 요소
5. 달력, 날짜, 시간, 이메일과 같은 새로운 양식 컨트롤 url, 검색

SVG 도면 이미지 렌더링:


코드는 다음과 같습니다.

코드 복사코드



/body>


html 문서와 분리된 xml 형식의 코드입니다.





코드 복사

코드는 다음과 같습니다.

"http://www.w.org/Graphics/ SVG/./DTD/svg.dtd">
<폴리곤 포인트=", , ," 스타일="채우기:#fff;스트로크 :#fff ;획 폭:"/>



<폴리곤 포인트=", , ," 스타일="채우기: #fff; 획:#fff;획-너비:"/>




위는 편집자가 공유한 HTML5의 새로운 기능을 기반으로 SVG로 그린 위챗 로고입니다. 모든 분들께 도움이 되길 바랍니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.