ctx.clearRect画布精灵

文章/答案/技术大牛

发布

2回答

javascript、function、canvas、drawimage、requestanimationframe

我想知道如何修改我的Javascript，只清除掉下来的精灵，而不是整个画布(就像现在一样)。我认为这一行需要改变： ctx.clearRect(0, 0, canvas.width, canvas.height下落的精灵以60x60的大小绘制，但当它们向

浏览 25提问于2017-07-03得票数 0

1回答

雪碧动画clearRect替代品？

javascript、html、animation、canvas、sprite-sheet

我尝试使用画布和JavaScript在网格上显示动画，这也必须使用JavaScript绘制。JSFiddle: 问题，我如何在不打破我的精灵背后的网格的情况下，删除我之前动画的帧？

浏览 4提问于2017-05-14得票数 0

回答已采纳

1回答

优化画布上的移动模式？

canvas、three.js

我正试图在画布中实现模式的移动，但几秒钟(或几分钟)后，情况变得难以控制。canvas.getContext('2d');image.src = 'pattern.png'; ctx.clearRect我的目标是使用画布作为THREEjs精灵的纹理，在场景中连续运行。我不能动画的精灵材料玩uvOffsets，因为将有3或4个透明模式移动在不同

浏览 4提问于2016-06-05得票数 1

回答已采纳

1回答

在一个页面中HTML5多个画布

html、canvas

image = new Image() ctx.clearRectcurrentFrame++; } </script></html> 上面的代码用于创建在画布中运行精灵动画序列的<e

浏览 4提问于2013-07-20得票数 1

1回答

setTimeout只运行一次

javascript、html、animation、canvas、html5-canvas

我正在尝试给cleatRect函数添加一个延迟，我的目的是让动画精灵创建一个“拖尾效果”，然而，setTimeout函数只在画布动画开始时运行一次。我是不是漏掉了什么明显的东西？var draw = function() { // draw loop ctx.clearRect

浏览 2提问于2016-09-17得票数 0

1回答

HTML 5画布输入被覆盖

javascript、html5-canvas

因此，我设法为我的项目创建了输入代码{ctx.fillText(stringTuts,503,150);} function onKeyPress(e) console.l

浏览 0提问于2016-01-03得票数 1

3回答

画布动画像素化

javascript、animation、canvas

我想在画布上画一个弧形的动画，它是有效的(使用一个非常基本的动画，间隔)，但结果是非常像素化/边缘的。在左边我画了一个弧线(动画)，右边画了一个没有动画的弧线(平滑)。

浏览 0提问于2014-01-09得票数 0

1回答

HTML5画布-从对象创建衰落路径

javascript、html、canvas、fade

_NUMBER, vx: _NUMBER, c: _STRING,}有没有办法这样做，只会影响obj1，而不会影响背景？另外，存储一个包含每个帧位置和角度的数组不是一种选择，因为在我的原始代码中，我有动画精灵，并且不希望这些轨迹被动画-.-。-。而且，在我的原始代码中，画布背

浏览 2提问于2014-06-21得票数 1

2回答

为什么我的HTML5画布会有这样的表现？

javascript、html、canvas

我正在学习如何使用HTML5画布，我决定用动画绘制一个圆圈：为什么一开始画的时候弧线看起来很大胆，然后线变得更薄了3/4？

浏览 4提问于2015-09-08得票数 0

回答已采纳

2回答

setInterval()不删除先前绘制的图像

javascript、html、css、setinterval、requestanimationframe

我一直在尝试开始用Javascript创建一个游戏，但是目前我很困惑如何让动画变得简单。我使用的图像是一个黑方型png，当我使用setInterval()时，它复制图像，并且不会从以前的状态中删除图像。它在每个像素处绘制另一幅图像，但没有去掉最后一帧，因此它看起来像一个向上生长的黑色矩形。我希望块向上移动，并删除最后绘制的框架。我做错了什么？var cvs = document.getElementById("game"); b

浏览 5提问于2019-12-26得票数 0

回答已采纳

3回答

画布圆弧清除

javascript、html、canvas、html5-animation

如何覆盖HTML5画布弧？我假设这段代码可以工作，但它在它周围留下了一个边框，尽管它的值完全相同，只是颜色不同。我是不是遗漏了什么边界属性？？ <!

浏览 1提问于2011-05-30得票数 6

回答已采纳

2回答

ctx.fillRect值更改不起作用

javascript、html5-canvas

这里是JS ，在这里，我只能在单击增量时更改ctx.fillRect的值，但它不适用于减量。var btnnum = document.getElementById("Number");var btnInc = document.getElementById("increase");var ct

浏览 4提问于2014-05-24得票数 2

回答已采纳

1回答

Javascript画布动画精灵漫游

javascript、animation、canvas、sprite

我正在尝试让一个精灵走在画布的背景图像上。理想情况下，我会在一个画布上完成所有这些工作，但使用两个画布似乎更高效、更容易。{ } ctx.clearRect

浏览 26提问于2018-07-24得票数 0

回答已采纳

1回答

如何使用键盘在<canvas>周围移动形状？

javascript、animation、html5-canvas、2d-games

我想要重新创建一个古老的街机游戏名为 (查看超链接，这是必要的！)<html lang="en"> <meta charset="UTF-8"></head> <body

浏览 0提问于2018-07-04得票数 0

回答已采纳

5回答

在画布中移动矩形

javascript、jquery、canvas

x += speed; //going right render(); ctx.clearRect

浏览 7提问于2013-07-26得票数 2

回答已采纳

1回答

无法使用css筛选器在画布上重绘图像

javascript、html、css

我在画布上绘制带有CSS过滤器的图像时遇到了问题。我想应用CSS滤镜与滑块/范围输入，我有。将对其应用滤镜的图像是从文件上载的图像。此图像被放入我的函数中的一个变量中，该函数将上传图像。我需要它被绘制，而不是仅仅把滤镜放在画布上，这样我就可以下载带有滤镜的图像。

浏览 0提问于2021-02-25得票数 0

2回答

未捕获的SyntaxError：[未定义]不是函数

javascript、syntax-error

function to setInterval ctx.ClearRectPass an animation function to setInterval ctx.ClearRectPass an animation function to setInterval va

浏览 4提问于2015-05-27得票数 1

1回答

画布中的擦除功能

javascript、html、canvas

我需要擦除我画布上的内容。我可以通过使用'globalCompositeOperation = "destination-out"‘来实现。

浏览 0提问于2013-03-12得票数 0

1回答

如何保存和删除画布状态？

javascript、canvas、resize

我想给出一个div (它包含一个画布)，当用jQuery的resizable()函数调整它的大小时，它是视觉控制器。在应用绘图之前，我需要先保存画布状态，然后再单击画布时恢复它。(0,0,6,6); ctx.clearRect(ctxWidth/2,0,6,6);ctx.clearRect(0,ctxHeight- 6,6,6); ctx.clearRec

浏览 2提问于2013-03-08得票数 2

回答已采纳

5回答

用setInterval无限绘制矩形

javascript、canvas、setinterval、animated、rect

我正在尝试学习如何使用带有setInterval函数的画布学习基本动画。我试图在屏幕上画一个简单的矩形，每100毫秒将它移动到右边的1像素。但是，当我这样做时，它会在前面的矩形上绘制。document.getElementById('mycanvas').getContext('2d');function draw() ctx.clearRect

浏览 4提问于2014-12-09得票数 0

回答已采纳

点击加载更多