<p>Intégrer Canvas dans des arrière-plans CSS
<p>La question se pose : l'élément canvas peut-il être utilisé comme toile de fond pour les styles CSS ?
<p>Compatibilité Webkit
<p>Depuis 2008, WebKit a pris en charge cette fonctionnalité. L'utilisation de l'élément canvas comme arrière-plan peut être obtenue via le code suivant :
<html>
<head>
<style>
div { background: -webkit-canvas(squares); width:600px; height:600px; border:2px solid black }
</style>
<script type="application/x-javascript">
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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Pourquoi Webstorm ne peut pas exécuter le fichier
Comment lire les données de contrôle de macro en javascript
Quelle est la fonction du Huawei NFC ?
Comment créer du HTML avec Webstorm
js obtient l'heure actuelle
La différence entre serveur et hôte cloud
Explication détaillée de la commande Linux dd
Index MySQL
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
