HTML canvas fillrect使用错误的颜色
博格丹（Bogdan Timofeev）
我想使用html canvas实现一个简单的蛇游戏。我使用以下代码使蛇移动（使尾巴变白，并为之前计算的头部，顶部，左侧，宽度和阴影绘制新的矩形）：
if (currentSnake.length == 45) {
var tail = currentSnake.shift();
ctx.fillStyle="white";
ctx.fillRect(tail.left, tail.top, tail.wid, tail.hid);
}
currentSnake.push({top: top, left: left,wid: wid, hid: hid});
ctx.fillStyle=coef[2];
ctx.fillRect(left, top, wid, hid);
其中coef [2]是我先前定义的某种颜色。一切都很好，但是蛇的尾巴不是白色（coef [2]和白色之间的某种混合颜色）。我该如何解决？
编码器Pi
尝试
if (currentSnake.length == 45) {
var tail = currentSnake.shift();
ctx.fillStyle = "white";
ctx.fillRect(Math.floor(tail.left), Math.floor(tail.top),
Math.ceil(tail.wid), Math.ceil(tail.hid));
}
这应该解决光滑边缘的问题。但这并不完美。
最好的解决方案是每次都将画布完全弄白，然后重画蛇的所有身体部位。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML5 Canvas-fillRect（）与rect（）
- 2
HTML5 Canvas遮罩特定颜色
- 3
如何使用HTML canvas getImageData（）计算图像上的颜色？
- 4
使用 HTML Canvas 以红色和黑白颜色呈现视频
- 5
HTML5 Canvas：如何为fillRect设置边框？
- 6
html2canvas文字阴影错误
- 7
html2canvas-错误-对象HTMLCanvasElement
- 8
html2canvas文字阴影错误
- 9
HTML5 canvas + JavaScript class =错误
- 10
使用React Hooks从ReasonML使用HTML Canvas
- 11
使用Javascript对HTML5 Canvas中的RGB随机化，并为每个fillRect使用新值
- 12
如何使用html canvas绘制任意形状？
- 13
使用html Canvas的可编辑网格
- 14
使用html2canvas打印页面
- 15
如何使用 HTML Canvas 在图像上绘制？
- 16
HTML Canvas 使用相同的颜色绘制所有对象，尽管它们的颜色属性不同
- 17
当Alpha值小于1时，HTML Canvas错误地设置了像素颜色
- 18
HTML 5 Canvas：去除线条边缘的颜色渐变
- 19
HTML5 Canvas：更改图像颜色
- 20
HTML5 Canvas更改图像颜色
- 21
在html2canvas中将透明颜色更改为白色
- 22
HTML 5 Canvas：上传的图像颜色选择器
- 23
实时预览HTML5 Canvas背景和颜色
- 24
HTML5 Canvas：更改图像颜色
- 25
问：HTML5 Canvas 更改背景颜色
- 26
HTML Canvas：透明颜色的 ctx.stroke 重画行为
- 27
HTML Canvas 渐变只显示一种颜色
- 28
HTML5 Canvas getImageData安全错误
- 29
如何使用动态图案和颜色设置Html5 Canvas FillStyle
我来说两句