html5-canvas

    0热度

    2回答

    我试图创建和删除事件的弧,添加部分工作正常,我将它们保存在数组中,所以我可以通过某种方式调用事件侦听器来删除它们,我的意思是它的工作在控制台作为数组值精由其在画布 代码更新不及时递减: <script> var myCanvas = document.getElementById("myCanvas"); myCanvas.width = window.innerWidth;

    0热度

    1回答

    我想创建一个非常基本的JavaScript游戏使用html5画布。所以,我创建了一个主要播放器“class”,它应该在实例化和调用“init方法”时在画布上创建一个红色圆圈。最后,它也应该可以通过箭头键进行控制,为此,我尝试将事件监听器添加到文档中,检查keydown/keyup,然后更改布尔值,如leftPressed = true;等等。基于此,位移方法(在setInterval函数绘制中调用

    1热度

    1回答

    我需要知道在释放鼠标/按键之前多长时间才会按下鼠标/按键,因此响应将取决于按键/鼠标按键。 例如,我试过这个,但由于某种原因,它似乎没有工作。 var time = new Date(); var mousedown, mouseup, mousehold; document.addEventListener('onmousedown', function(){ mousedown

    0热度

    1回答

    方面改变颜色我有我想成为一个纯色背景,但颜色变化随着时间的推移。 项目启动时颜色应该是(2,254,253)。 项目结束时,应以(2,120,253)结束。 随着项目的进展,所有的颜色都在之间。 这一个很容易做到,因为我唯一需要改变的地方是增加多少绿色。 但我怎样才能做到这一点与任何2种颜色?

    0热度

    1回答

    我正在玩弄画布动画,并且当我已经成功构建了一条线时,我一直在动画函数的第120行出现“线不是构造函数”错误目的。我一定会欣赏这个新鲜的一双眼睛! 基本上,一旦现有的Line命中一个平台,它应该创建一个新的Line对象,它将朝另一个方向前进,但是它会一直抛出错误。 代码: window.onload = function() { "use strict"; var can

    0热度

    1回答

    在我的项目我有一个画布图像,并已经发送到服务器,test.php的,: define('UPLOAD_DIR', '../uploads/'); $img = $_POST['canImg']; $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data

    1热度

    1回答

    这是我在stackoverflow上的第一个问题。我对JavaScript还是有点新,我正在尝试做一个简单的互动故事。 有一列我想要经历的句子。每个句子将显示在画布上,并且一个按钮将移动到下一句。我尝试过使用一些不同的解决方案,但是当我按下“下一步”按钮时,画布不会改变。 我已经在代码中调用增量函数(plusOne)来测试函数是否真正起作用并且它确实起作用。看起来问题在于按钮。 这里的帆布和按钮:

    1热度

    1回答

    大家好我正在使用ChartJs来创建charts.i设置一些数据属性在canvas.on点击图表我需要获得分配的数据属性canvas.i在文档中找到了一个方法,我用它来获取点击图表区域的标签和值,但我不知道如何获取数据属性。 <!DOCTYPE html> <html> <head> <title> Pie Chart </title> <style>

    0热度

    1回答

    我正在使用HTML5 Canvas和JavaScript创建这个简单的动画,我遇到了闪烁对象的问题。 我试图在互联网上找到解决方案之前,我问过这个问题,所有我发现基本上是: 避免加载新的形象,对象在每个新帧 使用requestAnimationFrame() 我想我已经完成了这一切,闪烁仍在发生。 (蓝色矩形(障碍物)在我的情况 的作品是减少像素的方法,负责移动对象,这里的数唯一的解决办法: ob

    0热度

    1回答

    我想使用的createGraphics函数来绘制另一个屏幕上的东西...然后粘贴到我的主草图.. 在实况 ,他们给出的例子是做这样的事情: var vignette; function setup(){ createCanvas(710, 400); vignette = createGraphics(400, 250); } function draw(){