Question

我对javascript和HTML5 Canvas知之甚少，我一直在用Animate CC创建简单的游戏。

我尝试在画布上加载图像，然后工作。但是图像只是闪烁而且消失了。（当我刷新页面时）

代码：

self = this;
self.stop();

loadingImage();
function loadingImage() {
    var myCanvas = document.getElementById('canvas');
    var ctx = myCanvas.getContext('2d');

    var myImage = new Image(1024, 768);

    myImage.onload = function () {
        ctx.clearRect(0, 0, 1024, 768);
        ctx.drawImage(myImage, 0, 0, 1024, 768);
        console.log(myCanvas);
        console.log(myImage);
    }
    myImage.src = 'images/Koala.jpg';
}

当我尝试创建一个输入文本字段时会发生同样的事情，它会像时间轴循环一样闪烁，但不是。（单击时可以看到闪光灯）

代码：

self=this;
self.stop();

var input = new CanvasInput({
  canvas: document.getElementById('canvas'),
    x:100,
    y:100,
    width: 500,
    fontWeight:'bold',
});

我认为Animate CC自动生成循环，但在我的项目中被禁用。你可以查看.js。

图像： http://www.dfrikki.com.br/test/

文字字段： http://www.dfrikki.com.br/test2/

有人可以帮我解决这个问题吗？

画布闪烁的内容，某种循环

0 个答案: