<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!
Quelles sont les méthodes de tri ?
Comment taper des guillemets doubles en latex
Site officiel de l'application de plateforme de trading okex
qu'est-ce que la plage Python
Tableau de comparaison des codes ASCII
git annuler le commit soumis
biscuit
Commande cmd pour nettoyer les fichiers indésirables du lecteur C
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
