使用画布动画作为背景

Question

我制作了一个翻转动画，我想将其用作我网站的背景。我将画布大小设置为1280 * 800并将其保存为网页。我试图使用iframe并让浏览器缩放它以适应（100％; 100％），但它不能很好地工作。由于正文设置为950px和自动边距，因此iframe将仅对齐到正文左侧，并且iframe不会随放大/缩小而缩放。

有没有比使用iframe更好的方法呢？ Php还是js？

我将动画保存为单独的网页的原因是因为我觉得我制作了太多的线条（~1100），基本上有20个左右相同的翻转动画，我没有＆＃39知道一种更好的方法，而不仅仅是单独进行，并使用风格来放置它们。

Answer 1

如果我正确理解您的问题，您需要将canvas元素添加到具有#canvasDiv { position:fixed; top:0px; left:0px; z-index:1; }的div图层，并将其他所有内容的z-index设为2或更高。

结帐http://paulirish.com/ 查看一个很好的代码示例，了解如何执行此操作。