<p>Mengintegrasikan Kanvas sebagai Latar Belakang CSS
<p>Kanvas, yang dahulunya terhad kepada entiti kendiri, kini menawarkan kemungkinan menarik untuk berfungsi sebagai latar belakang CSS. Keupayaan ini, yang diperkenalkan dalam WebKit pada tahun 2008, menggunakan fungsi -webkit-canvas() untuk mengubah elemen kanvas kepada latar belakang.
<html>
<head>
<style>
div { background: -webkit-canvas(squares); width:600px; height:600px; border:2px solid black }
</style>
<script>
function draw(w, h) {
var ctx = document.getCSSCanvasContext("2d", "squares", w, h);
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect (10, 10, 55, 50);
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
}
</script>
</head>
<body onload="draw(300, 300)">
<div></div>
</body>
</html><p>
Atas ialah kandungan terperinci Bagaimanakah elemen Kanvas boleh digunakan sebagai latar belakang CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
