将HTML画布设置为页面背景
我制作了一个JS动画，希望作为主页的背景。但是我对Web开发还是很陌生，还不清楚如何阻止canvas元素成为页面上的“内联”对象，并将其设置在其他HTML元素之后。非常感谢您的指教。HTML是：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>geotheory.co.uk</title>
<style>
canvas:focus{outline:none;}
* {
margin: 0;
padding: 0;
}
h1 {color:#fff;}
p {color:#fff;}
</style>
</head>
<body id="home" bgcolor="black">
<!-- style="overflow:hidden;" -->
<h1>Heading</h1>
<p>paragraph 1</p>
<p>paragraph 2</p>
<script src="processing-1.4.1.min.js"></script>
<div id="canvasContainer">
<canvas data-processing-sources="rectangles.pde"></canvas>
</div>
</body>
问题答案：
canvas {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}
-
在我的fabricjs中，我制作了一张画布，在画布上添加了一幅图像，并将图像设置为背景。然后我把卡瓦什剪到一定的宽度和高度。 剪辑完画布后，我想要一个新的画布或相同的画布，以剪裁区域作为背景，所有画布都以其宽度和高度覆盖画布，或者可以制作具有剪裁区域高度和宽度的新画布 目前我正在做这件事。。 在这里，我可以轻松地剪辑画布与我给定的左，顶，宽度和高度，但我得到了相同的画布与剪辑部分和删除部分与另一种
-
为什么改变java.awt.canvas的背景颜色就改变了整个框架的背景？ 这可能是问题所在吗（我在Ubuntu上运行这个）？ 还是我在这里遗漏了什么？
-
主要内容：描述,浏览器支持,颜色、样式和阴影,线条样式,矩形,路径,转换,文本,图像绘制,像素操作,合成,其他描述 HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 本手册提供完整的 getContext("2d") 对象的属性和方法，可用于在画布上绘制文
-
有人能澄清我的一些困惑吗？ 有可能在画布的顶部有html吗？我一直在读，你不能有GUI元素，比如带画布的Jquery，但是我读到你可以在画布上有HTML，为什么你可以有一个却没有另一个？ 理想情况下，我最终想要的是在画布顶部有一个好的GUI，所以只需要知道什么是可能的，什么是不可能的。
-
我一直在使用空布局，很多人会说不应该这样做。有更好的办法吗？ 以下是一些代码示例：
-
问题内容： 我正在像这样在画布上绘制图像： 事实是图片越来越张紧，我不想要这个。如何模拟CSS属性 在cavas中绘制图像时。 查看（我目前拥有的）和（我的目标）之间的区别。 问题答案： 获得封面功能有点复杂，尽管这里有一个解决方案： 更新了 以解决特殊情况。另请参阅下面的@Yousef评论。 现在您可以这样称呼它： 它将按比例缩放图像以适合该容器的内部。 使用最后两个参数偏移图像： 希望这可以帮