如何用特定的颜色填充整个画布？
如何填充整个HTML5
我看到了一些解决方案，例如使用CSS更改背景颜色的解决方案，但这不是一个好的解决方案，因为画布保持透明，唯一改变的是它所占据空间的颜色。
另一种是通过在画布内创建具有颜色的东西，例如，一个矩形（参见此处），但它仍然不会用颜色填充整个画布（以防画布比我们创建的形状大）。
有没有一种解决方案可以用特定的颜色填充整个画布？
共有3个答案
您可以通过以下操作更改画布的背景：
<head>
<style>
canvas {
background-color: blue;
}
</style>
</head>
如果你想明确地做背景，你必须确定你画在画布上的当前元素的后面。
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
// Add behind elements.
ctx.globalCompositeOperation = 'destination-over'
// Now draw!
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);
是的，在画布上填充一个纯色的矩形，使用画布本身的高度和宽度：
js lang-js prettyprint-override">var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);
canvas{ border: 1px solid black; }<canvas width=300 height=150 id="canvas">-
艺术离不开色彩，今天咱们来介绍一下填充颜色，体会一下色彩的魅力。 填充颜色主要分为两种： 基本颜色 渐变颜色（又分为线性渐变与径向渐变） 我们一个个来看。 填充基本颜色 Canvas fillStyle属性用来设置画布上形状的基本颜色和填充。fillStyle使用简单的颜色名称。这看起来非常简单，例如: context.fillStyle = "red"; 下面是出自 HTML4 规范的可用颜色
-
如何将标题字体颜色更改为白色，填充为绿色？以下是我正在使用的类： 我相信，这是必须插入的代码。
-
使用下面的代码，我可以在加载到画布中的图像上绘制一个区域，并用一些颜色填充绘制的区域。 现在，我需要用图像而不是颜色填充绘制区域。比如： 帆布fillStyle='url（myimage.jpg）'； 而不是 帆布fillStyle='#123456'//填充颜色示例 HTML: jquery。拉票。min.js
-
我正在尝试使用另一个SFO链接提供的解决方案--itextSharp：如何查找矩形的填充颜色 我已经按照上面的文章实现了接口IExtRenderListener。一切都很好，但是对于一些向量，CurrentFillColor和CurrentStrokeColor的值为NULL。在这种情况下，我发现属性ColorSpaceFill和ColorSpaceStroke具有一些非空值。 在这种情况下，规定
-
我使用了如下内容：我为CellStyle设置了一个全局变量，并尝试为第4列中的所有单元格填充颜色。...... 顺便说一下，我使用HSSFWorkbook和HSSFSheet进行报告。 这样，它只是填充整个薄片，结果所有的细胞得到填充的石灰颜色！
-
我按照ItextSharp的示例获取图形结构，并使用以下代码获取矩形坐标： 我尝试了renderInfo.getfillColor（）；但是没有这样的方法。 我想获得额外的矩形属性: 像矩形填充颜色，（一些类似于html中的DIV style=“background:blue；border：black；”标签）我如何获得它？