0

我不太了解 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/

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

4

0 回答 0