캔버스는 CSS3의 새로운 기능이 아닙니다. Canvas는 스크립트를 통해 그래픽을 그리는 데 사용되는 HTML5의 새로운 태그이며, CSS3은 웹 페이지의 표시 효과를 제어하는 데 특별히 사용되는 언어입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
캔버스는 css3의 새로운 기능이 아니라 html5의 새로운 태그입니다.
canvas
참고:
예제는 다음과 같습니다.
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。</canvas> <script> var c=document.getElementById('myCanvas'); var ctx=c.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script> </body> </html>
출력 결과:
css3
CSS3은 CSS(Cascading Style Sheets) 기술의 업그레이드 버전으로 1999년에 시작되어 5월에 W3C에 의해 완성되었습니다. 2001년 2월 23일. 상자 모델, 목록 모듈, 하이퍼링크 모드, 언어 모듈, 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 등과 같은 모듈을 주로 포함하는 CSS3의 작업 초안이 게시되었습니다.
CSS 발전의 주요 변화는 CSS3를 일련의 모듈로 나누기로 한 W3C의 결정입니다. 브라우저 공급업체는 CSS의 속도에 맞춰 빠르게 혁신하므로 모듈 접근 방식을 채택하면 다양한 브라우저 공급업체가 특정 기능만 지원하므로 CSS3 사양의 요소가 다양한 속도로 발전할 수 있습니다. 그러나 서로 다른 브라우저는 서로 다른 시기에 서로 다른 기능을 지원하므로 크로스 브라우저 개발도 복잡해집니다.
(학습 영상 공유: css 영상 튜토리얼)
위 내용은 캔버스는 CSS3의 새로운 기능인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!