캔버스 요소를 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 해킹을 참조하세요.

위 내용은 캔버스 요소를 CSS 배경으로 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!