>  기사  >  웹 프론트엔드  >  캔버스는 CSS3의 새로운 기능인가요?

캔버스는 CSS3의 새로운 기능인가요?

WBOY
WBOY원래의
2022-03-30 14:32:421960검색

캔버스는 CSS3의 새로운 기능이 아닙니다. Canvas는 스크립트를 통해 그래픽을 그리는 데 사용되는 HTML5의 새로운 태그이며, CSS3은 웹 페이지의 표시 효과를 제어하는 ​​데 특별히 사용되는 언어입니다.

캔버스는 CSS3의 새로운 기능인가요?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

캔버스는 css3의 새로운 기능인가요?

캔버스는 css3의 새로운 기능이 아니라 html5의 새로운 태그입니다.

canvas

태그는 스크립트(일반적으로 JavaScript)를 사용하여 그래픽(예: 차트 및 기타 이미지)을 그립니다.

태그는 그래픽 컨테이너일 뿐이므로 그래픽을 그리려면 스크립트를 사용해야 합니다.

참고: 요소 내의 모든 텍스트는 를 지원하지 않는 브라우저에 표시됩니다.

예제는 다음과 같습니다.

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head> 
<body>
<canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。</canvas>
<script>
var c=document.getElementById(&#39;myCanvas&#39;);
var ctx=c.getContext(&#39;2d&#39;);
ctx.fillStyle=&#39;#FF0000&#39;;
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>

출력 결과:

캔버스는 CSS3의 새로운 기능인가요?

css3

CSS3은 CSS(Cascading Style Sheets) 기술의 업그레이드 버전으로 1999년에 시작되어 5월에 W3C에 의해 완성되었습니다. 2001년 2월 23일. 상자 모델, 목록 모듈, 하이퍼링크 모드, 언어 모듈, 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 등과 같은 모듈을 주로 포함하는 CSS3의 작업 초안이 게시되었습니다.

CSS 발전의 주요 변화는 CSS3를 일련의 모듈로 나누기로 한 W3C의 결정입니다. 브라우저 공급업체는 CSS의 속도에 맞춰 빠르게 혁신하므로 모듈 접근 방식을 채택하면 다양한 브라우저 공급업체가 특정 기능만 지원하므로 CSS3 사양의 요소가 다양한 속도로 발전할 수 있습니다. 그러나 서로 다른 브라우저는 서로 다른 시기에 서로 다른 기능을 지원하므로 크로스 브라우저 개발도 복잡해집니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 캔버스는 CSS3의 새로운 기능인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.