Rumah  >  Artikel  >  hujung hadapan web  >  Adakah kanvas ciri baharu CSS3?

Adakah kanvas ciri baharu CSS3?

WBOY
WBOYasal
2022-03-30 14:32:421961semak imbas

Kanvas bukan ciri baharu CSS3. Kanvas ialah teg baharu HTML5, yang digunakan untuk melukis grafik melalui skrip CSS3 ialah bahasa yang digunakan secara khusus untuk mengawal kesan paparan halaman web.

Adakah kanvas ciri baharu CSS3?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Adakah kanvas ciri baharu css3

Kanvas bukan ciri baharu css3, tetapi teg baharu html5. Teg

kanvas

menggunakan skrip (biasanya JavaScript) untuk melukis grafik (seperti carta dan imej lain). Teg

hanyalah bekas untuk grafik, anda perlu menggunakan skrip untuk melukis grafik.

Nota: Sebarang teks dalam elemen akan dipaparkan dalam penyemak imbas yang tidak menyokong .

Contoh adalah seperti berikut:

<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>

Hasil keluaran:

Adakah kanvas ciri baharu CSS3?

css3

CSS3 ialah versi teknologi CSS (Cascading Style Sheets) yang dinaik taraf Ia telah dirumuskan pada tahun 1999. Pada 23 Mei 2001, W3C telah melengkapkan draf kerja CSS3, yang terutamanya merangkumi model kotak, modul senarai, kaedah hiperpautan, modul Bahasa, latar belakang dan sempadan, kesan teks, susun atur berbilang lajur dan modul lain.

Perubahan besar dalam evolusi CSS ialah keputusan W3C untuk memecahkan CSS3 kepada satu siri modul. Vendor penyemak imbas membuat inovasi dengan pantas mengikut kadar CSS, jadi dengan menggunakan pendekatan modul, elemen dalam spesifikasi CSS3 boleh bergerak ke hadapan pada kelajuan yang berbeza kerana vendor penyemak imbas yang berbeza hanya menyokong ciri yang diberikan. Tetapi penyemak imbas yang berbeza menyokong ciri yang berbeza pada masa yang berbeza, yang juga menjadikan pembangunan merentas pelayar rumit.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Adakah kanvas ciri baharu CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn