Canvas 元素可以當 CSS 背景嗎？

<p>

使用 作為CSS背景

<p>問題：是否可以利用 CSS 中的元素作為背景？

<p>答案： 是的，可以使用 作為 CSS 中的背景，目前 WebKit 和 Firefox 都支援。

<p>WebKit 支援：

<p>自 2008 年以來，WebKit 已經允許使用 了。作為 CSS 背景。以下是一個範例：

<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>Firefox 支援：

<p>Firefox 4 引進了一項功能，可以將任何元素（包括畫布）用作CSS 背景：

<p>

<p>有關更多詳細信息，請參閱Mozilla hacks。

以上是Canvas 元素可以當 CSS 背景嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！