Les éléments Canvas peuvent-ils être utilisés comme arrière-plans CSS ?

<p>

Utilisation de comme arrière-plan CSS

<p>Question : Est-il possible d'utiliser le élément comme arrière-plan en CSS ?

<p>Réponse : Oui, il est possible d'utiliser comme arrière-plan en CSS, actuellement pris en charge par WebKit et Firefox.

<p>Support WebKit :

<p>Depuis 2008, WebKit autorise l'utilisation de comme arrière-plan CSS. Voici un exemple :

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

<p>Support Firefox :

<p>Firefox 4 a introduit une fonctionnalité qui permet d'utiliser n'importe quel élément (y compris le canevas) comme arrière-plan CSS :

<p>

<p>Pour plus de détails, reportez-vous aux hacks Mozilla.

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!