首頁  >  文章  >  web前端  >  canvas是css3新特性嗎

canvas是css3新特性嗎

WBOY
WBOY原創
2022-03-30 14:32:421961瀏覽

canvas不是css3的新特性。 canvas是html5的新標籤,該標籤用於透過腳本來繪製圖形;而css3則是專門用來控制網頁顯示效果的語言,二者之間不存在什麼關聯。

canvas是css3新特性嗎

本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。

canvas是css3新特性嗎

canvas不是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>

輸出結果:

canvas是css3新特性嗎

css3

CSS3是CSS(層疊樣式表)技術的升級版本,於1999年開始訂訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模組、超連結方式、語言模組、背景與邊框、文字特效、多欄版面等模組   。

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模組。瀏覽器廠商按CSS節奏快速創新,因此透過採用模組方法,CSS3規範裡的元素能以不同速度向前發展,因為不同的瀏覽器廠商只支援給定特性。但不同瀏覽器在不同時間支援不同特性,也讓跨瀏覽器開發變得複雜   。

(學習影片分享:css影片教學

以上是canvas是css3新特性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn